<template>
  <header ref="navbar" class="navbar fixed-top">
    <div class="container">
      <div class="navbar-content">
        <!-- 网站Logo -->
        <div class="logo">
          <router-link class="logo-text" to="/">zhiheng.lu</router-link>
        </div>

        <!-- 桌面导航 -->
        <nav class="desktop-nav">
          <router-link to="/" class="nav-link">首页</router-link>
          <router-link to="/informalEssay" class="nav-link">随笔</router-link>
          <a @click="jumpToArticleAddPage" class="nav-link">创作</a>
          <router-link to="/photo" class="nav-link">相册</router-link>
          <router-link to="/photoWall" class="nav-link">照片墙</router-link>
          <router-link to="/guestbook" class="nav-link">留言</router-link>

          <router-link v-if="!nickName" to="/login" class="nav-link login-class">登录</router-link>
          <a-dropdown v-if="nickName != null && nickName != ''" class="nav-link">
            <div class="user-container" @click.prevent>
              <a-avatar class="avatar-container" :size="40" :src="avatar"></a-avatar>
              <span class="name-container">
                                {{ nickName }}
                            </span>
            </div>
            <template #overlay>
              <a-menu>
                <a-menu-item class="menu-container" style="">
                  <a href="javascript:;" @click="router.push('/personalCenter')">个人信息</a>
                </a-menu-item>
                <a-menu-item class="menu-container" style="">
                  <a href="javascript:;" @click="router.push('/createCenter')">创作中心</a>
                </a-menu-item>
                <a-menu-item>
                  <a href="javascript:;" @click="handleLogout()">退出登录</a>
                </a-menu-item>
              </a-menu>
            </template>
          </a-dropdown>
        </nav>

        <!-- 移动端菜单按钮 -->
        <div class="mobile-menu-button">
          <button @click="toggleMenu" class="menu-toggle">
            <AppstoreOutlined :class="menuOpen ? 'fa-times' : 'fa-bars'"
                              :style="{ color: scrollHeaderTextColor }"/>
          </button>

        </div>
      </div>
    </div>
  </header>
  <a-drawer title="" placement="left" :closable="false" :open="menuOpen" :width="drawWidth" @close="onClose">
    <div class="mobile-nav">
      <div class="avatar-container" style="text-align: center;">
        <a-avatar :size="70" :src="avatar"></a-avatar>
      </div>
      <div class="line"></div>
      <div class="mobile-nav-content">
        <router-link to="/" class="mobile-nav-link">
          <svg t="1753255593478" class="icon" viewBox="0 0 1264 1024" version="1.1"
               xmlns="http://www.w3.org/2000/svg" p-id="19020" width="200" height="200">
            <path
                d="M206.095059 631.356235v372.856471h302.652235V620.815059h244.766118v383.337412h302.652235V631.356235L631.115294 206.305882z"
                fill="#ED2061" p-id="19021"></path>
            <path
                d="M1239.612235 596.239059l-183.446588-183.416471v218.563765l74.179765 74.149647c15.058824 15.058824 34.846118 22.618353 54.633412 22.618353a77.281882 77.281882 0 0 0 54.633411-131.915294M22.648471 596.239059a77.281882 77.281882 0 0 0 109.266823 109.327059l74.179765-74.179765v-218.593882L22.648471 596.239059z"
                fill="#F9D11F" p-id="19022"></path>
            <path
                d="M610.213647 8.643765L206.095059 412.822588v218.533647L631.115294 206.305882l425.050353 425.050353v-218.563764L652.047059 8.643765a29.575529 29.575529 0 0 0-41.803294 0"
                fill="#FF7E50" p-id="19023"></path>
          </svg>
          首页
        </router-link>
        <router-link to="/informalEssay" class="mobile-nav-link">
          <svg t="1753261986013" class="icon" viewBox="0 0 1024 1024" version="1.1"
               xmlns="http://www.w3.org/2000/svg" p-id="31060" width="200" height="200">
            <path
                d="M840.32 249.6c0-7.04 5.76-14.08 12.8-14.08H928c7.04 0 12.8 6.4 12.8 14.08v49.28h15.36V249.6c0-16-12.8-28.8-27.52-28.8h-75.52c-15.36 0-27.52 13.44-27.52 28.8v49.28h15.36V249.6z"
                fill="#00ABE0" p-id="31061"></path>
            <path
                d="M940.8 298.88h-116.48v7.68c0 4.48 3.2 7.68 7.68 7.68h115.84c4.48 0 7.68-3.2 7.68-7.68v-7.68H940.8zM600.96 407.04H238.08c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h362.88c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.84 7.68-7.68 7.68zM600.96 509.44H238.08c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h362.88c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.84 7.68-7.68 7.68zM600.96 611.84H238.08c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h362.88c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68z"
                fill="#211D1C" p-id="31062"></path>
            <path
                d="M266.24 369.28h-1.28c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h1.28c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68zM541.44 369.28h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-33.92 0H435.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-33.92 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68-0.64 4.48-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68zM574.08 369.28h-1.28c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h1.28c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68zM266.24 471.68h-1.28c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h1.28c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68zM541.44 471.68h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-33.92 0H435.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68z m-33.92 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68s-3.84 7.68-7.68 7.68zM574.08 471.68h-1.28c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h1.28c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68zM266.24 574.72h-1.28c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h1.28c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.2 7.68-7.68 7.68zM541.44 574.72h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.2 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.2 7.68-7.68 7.68z m-33.92 0H435.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.2 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.2 7.68-7.68 7.68z m-33.92 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68-0.64 3.84-3.84 7.68-7.68 7.68z m-34.56 0h-3.2c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h3.2c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.84 7.68-7.68 7.68zM574.08 574.72h-1.28c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h1.28c4.48 0 7.68 3.2 7.68 7.68 0 3.84-3.2 7.68-7.68 7.68z"
                fill="#00ABE0" p-id="31063"></path>
            <path
                d="M676.48 941.44H84.48c-4.48 0-7.68-3.2-7.68-7.68v-94.72c0-4.48 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v87.04h584.96c16.64 0 30.08-13.44 30.08-30.08V158.72c0-16.64-13.44-30.08-30.08-30.08H92.16v92.16c0 4.48-3.2 7.68-7.68 7.68s-7.68-3.2-7.68-7.68V120.96c0-4.48 3.2-7.68 7.68-7.68h592c24.96 0 45.44 20.48 45.44 45.44V896c0 24.96-20.48 45.44-45.44 45.44z"
                fill="#211D1C" p-id="31064"></path>
            <path
                d="M687.36 968.32h-576c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h576c16.64 0 46.08-15.36 46.08-46.08V185.6c0-13.44-8.96-25.6-22.4-29.44-3.84-1.28-6.4-5.12-5.12-8.96 1.28-3.84 5.12-6.4 8.96-5.12 19.84 5.12 33.92 23.68 33.92 44.16v720.64c0 39.04-36.48 61.44-61.44 61.44zM84.48 808.96c-4.48 0-7.68-3.2-7.68-7.68v-157.44c0-4.48 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v157.44c0 3.84-3.84 7.68-7.68 7.68zM84.48 613.76c-4.48 0-7.68-3.2-7.68-7.68V448.64c0-4.48 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v157.44c0 3.84-3.84 7.68-7.68 7.68zM84.48 418.56c-4.48 0-7.68-3.2-7.68-7.68V259.2c0-4.48 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v151.68c0 4.48-3.84 7.68-7.68 7.68zM149.12 285.44c-16 0-31.36-8.96-39.04-22.4-1.92-3.84-0.64-8.32 2.56-10.24 3.84-1.92 8.32-0.64 10.24 2.56 5.12 9.6 15.36 15.36 26.24 15.36 16.64 0 30.08-13.44 30.08-30.08s-13.44-30.08-30.08-30.08c-10.88 0-21.12 5.76-26.24 15.36-1.92 3.84-7.04 5.12-10.24 2.56-3.84-1.92-5.12-7.04-2.56-10.24 8.32-14.08 23.04-23.04 39.68-23.04 24.96 0 45.44 20.48 45.44 45.44s-20.48 44.8-46.08 44.8zM149.12 475.52c-16 0-31.36-8.96-39.04-22.4-1.92-3.84-0.64-8.32 2.56-10.24 3.84-1.92 8.32-0.64 10.24 2.56 5.12 9.6 15.36 15.36 26.24 15.36 16.64 0 30.08-13.44 30.08-30.08s-13.44-30.08-30.08-30.08c-10.88 0-21.12 5.76-26.24 15.36-1.92 3.84-7.04 5.12-10.24 2.56-3.84-1.92-5.12-7.04-2.56-10.24 8.32-14.08 23.04-23.04 39.68-23.04 24.96 0 45.44 20.48 45.44 45.44s-20.48 44.8-46.08 44.8zM149.76 670.72c-16 0-31.36-8.96-39.68-22.4-1.92-3.84-0.64-8.32 2.56-10.24 3.84-1.92 8.32-0.64 10.24 2.56 5.12 9.6 15.36 15.36 26.24 15.36 16.64 0 30.08-13.44 30.08-30.08s-13.44-30.08-30.08-30.08c-10.88 0-21.12 5.76-26.24 15.36-1.92 3.84-7.04 5.12-10.24 2.56-3.84-1.92-5.12-7.04-2.56-10.24 8.32-14.08 23.04-23.04 39.68-23.04 24.96 0 45.44 20.48 45.44 45.44 0 24.32-20.48 44.8-45.44 44.8z"
                fill="#211D1C" p-id="31065"></path>
            <path
                d="M149.76 865.28c-16 0-31.36-8.96-39.68-22.4-1.92-3.84-0.64-8.32 2.56-10.24 3.84-1.92 8.32-0.64 10.24 2.56 5.12 9.6 15.36 15.36 26.24 15.36 16.64 0 30.08-13.44 30.08-30.08s-13.44-30.08-30.08-30.08c-10.88 0-21.12 5.76-26.24 15.36-1.92 3.84-7.04 5.12-10.24 2.56-3.84-1.92-5.12-7.04-2.56-10.24 8.32-14.08 23.04-23.04 39.68-23.04 24.96 0 45.44 20.48 45.44 45.44 0 24.96-20.48 44.8-45.44 44.8zM111.36 968.32c-1.92 0-3.84-0.64-5.12-1.92l-26.88-26.88c-3.2-3.2-3.2-7.68 0-10.88s7.68-3.2 10.88 0l26.88 26.88c3.2 3.2 3.2 7.68 0 10.88-1.92 0.64-3.84 1.92-5.76 1.92z"
                fill="#211D1C" p-id="31066"></path>
            <path
                d="M890.24 918.4c-3.2 0-5.76-1.92-7.04-5.12l-58.24-153.6c-1.28-3.84 0.64-8.32 4.48-9.6 3.84-1.28 8.32 0.64 9.6 4.48l51.2 135.04 51.2-135.04c1.28-3.84 5.76-5.76 9.6-4.48 3.84 1.28 5.76 5.76 4.48 9.6l-58.24 153.6c-0.64 3.2-3.84 5.12-7.04 5.12z"
                fill="#00ABE0" p-id="31067"></path>
            <path
                d="M913.92 850.56c-1.92 0-3.84-0.64-5.12-1.92-8.32-7.04-28.8-7.04-37.12 0-3.2 2.56-7.68 2.56-10.88-0.64-2.56-3.2-2.56-7.68 0.64-10.88 14.08-12.8 43.52-12.8 57.6 0 3.2 2.56 3.2 7.68 0.64 10.88-1.28 1.92-3.84 2.56-5.76 2.56z"
                fill="#00ABE0" p-id="31068"></path>
            <path
                d="M867.2 764.8c-4.48 0-7.68-3.2-7.68-7.68V341.76c0-4.48 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v415.36c0 4.48-3.84 7.68-7.68 7.68zM913.92 764.8c-4.48 0-7.68-3.2-7.68-7.68V341.76c0-4.48 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v415.36c0 4.48-3.2 7.68-7.68 7.68z"
                fill="#211D1C" p-id="31069"></path>
            <path
                d="M948.48 764.8h-115.84c-4.48 0-7.68-3.2-7.68-7.68V341.76c0-4.48 3.2-7.68 7.68-7.68h115.84c4.48 0 7.68 3.2 7.68 7.68v415.36c0 4.48-3.2 7.68-7.68 7.68z m-108.16-15.36H940.8V349.44h-101.12v400z"
                fill="#211D1C" p-id="31070"></path>
            <path
                d="M832.64 334.08c-1.28 0-1.92-0.64-1.92-1.92v-16c0-1.28 0.64-1.92 1.92-1.92 4.48 0 7.68-3.2 7.68-7.68s-3.2-7.68-7.68-7.68c-9.6 0-17.28 7.68-17.28 17.28v16c0 9.6 7.68 17.28 17.28 17.28 4.48 0 7.68-3.2 7.68-7.68s-3.84-7.68-7.68-7.68zM948.48 298.88c-4.48 0-7.68 3.2-7.68 7.68s3.2 7.68 7.68 7.68c1.28 0 1.92 0.64 1.92 1.92v16c0 1.28-0.64 1.92-1.92 1.92-4.48 0-7.68 3.2-7.68 7.68s3.2 7.68 7.68 7.68c9.6 0 17.28-7.68 17.28-17.28v-16c0-9.6-7.68-17.28-17.28-17.28z"
                fill="#211D1C" p-id="31071"></path>
            <path
                d="M130.56 266.24h-62.08c-14.72 0-26.24-12.16-26.24-26.24s12.16-26.24 26.24-26.24h62.08c14.72 0 26.24 12.16 26.24 26.24 0 14.72-11.52 26.24-26.24 26.24z m-62.08-37.76c-6.4 0-11.52 5.12-11.52 11.52s5.12 11.52 11.52 11.52h62.08c6.4 0 11.52-5.12 11.52-11.52s-5.12-11.52-11.52-11.52h-62.08zM130.56 456.32h-62.08c-14.72 0-26.24-12.16-26.24-26.24 0-14.72 12.16-26.24 26.24-26.24h62.08c14.72 0 26.24 12.16 26.24 26.24 0 14.08-11.52 26.24-26.24 26.24z m-62.08-37.76c-6.4 0-11.52 5.12-11.52 11.52s5.12 11.52 11.52 11.52h62.08c6.4 0 11.52-5.12 11.52-11.52s-5.12-11.52-11.52-11.52h-62.08zM130.56 651.52h-62.08c-14.72 0-26.24-12.16-26.24-26.24 0-14.72 12.16-26.24 26.24-26.24h62.08c14.72 0 26.24 12.16 26.24 26.24 0.64 14.08-11.52 26.24-26.24 26.24z m-62.08-37.76c-6.4 0-11.52 5.12-11.52 11.52s5.12 11.52 11.52 11.52h62.08c6.4 0 11.52-5.12 11.52-11.52s-5.12-11.52-11.52-11.52h-62.08zM130.56 846.72h-62.08c-14.72 0-26.24-12.16-26.24-26.24 0-14.72 12.16-26.24 26.24-26.24h62.08c14.72 0 26.24 12.16 26.24 26.24 0.64 14.08-11.52 26.24-26.24 26.24z m-62.08-37.76c-6.4 0-11.52 5.12-11.52 11.52s5.12 11.52 11.52 11.52h62.08c6.4 0 11.52-5.12 11.52-11.52s-5.12-11.52-11.52-11.52h-62.08z"
                fill="#00ABE0" p-id="31072"></path>
          </svg>
          随笔
        </router-link>
        <a @click="jumpToArticleAddPage" class="mobile-nav-link">
          <svg t="1753260242261" class="icon" viewBox="0 0 1024 1024" version="1.1"
               xmlns="http://www.w3.org/2000/svg" p-id="20154" width="200" height="200">
            <path
                d="M609.28 734.208h-471.04c-26.624 0-48.128-21.504-48.128-48.128s21.504-48.128 48.128-48.128h470.016c26.624 0 48.128 21.504 48.128 48.128 1.024 26.624-21.504 48.128-47.104 48.128z m0 0"
                fill="#1651E5" opacity=".3" p-id="20155"></path>
            <path
                d="M769.024 904.192H95.232c-26.624 0-48.128 21.504-48.128 48.128s21.504 48.128 48.128 48.128h674.816v-96.256z"
                fill="#1651E5" opacity=".3" p-id="20156"></path>
            <path d="M786.432 904.192h40.96v95.232h-40.96z" fill="#1651E5" opacity=".3" p-id="20157"></path>
            <path d="M876.544 904.192h25.6v95.232h-25.6z" fill="#1651E5" opacity=".3" p-id="20158"></path>
            <path
                d="M975.872 904.192h-60.416v95.232h60.416c26.624 0 48.128-21.504 48.128-48.128 0-25.6-21.504-47.104-48.128-47.104z"
                fill="#1651E5" opacity=".3" p-id="20159"></path>
            <path
                d="M961.536 461.824c-14.336 0-25.6-12.288-25.6-25.6 0-14.336 12.288-25.6 25.6-25.6 14.336 0 25.6 12.288 25.6 25.6 0 14.336-11.264 25.6-25.6 25.6z m0-39.936c-8.192 0-14.336 7.168-14.336 14.336s7.168 14.336 14.336 14.336 14.336-7.168 14.336-14.336-6.144-14.336-14.336-14.336z m0 0"
                fill="#1651E5" opacity=".3" p-id="20160"></path>
            <path
                d="M278.528 183.296c-8.192 0-15.36-3.072-21.504-8.192-7.168-6.144-11.264-14.336-12.288-22.528-1.024-8.192 2.048-17.408 8.192-24.576 6.144-7.168 14.336-11.264 22.528-12.288 18.432-1.024 34.816 12.288 35.84 30.72 1.024 18.432-12.288 34.816-30.72 35.84 0 1.024-2.048 1.024-2.048 1.024z m0-56.32H276.48c-6.144 1.024-12.288 3.072-16.384 8.192-4.096 5.12-6.144 10.24-5.12 17.408 1.024 7.168 3.072 12.288 8.192 16.384 5.12 4.096 11.264 6.144 17.408 5.12 13.312-1.024 22.528-12.288 21.504-25.6-1.024-13.312-12.288-21.504-23.552-21.504z m0 0"
                fill="#1651E5" opacity=".3" p-id="20161"></path>
            <path
                d="M55.296 615.424c-3.072 0-6.144-3.072-6.144-6.144V573.44l-25.6 25.6c-2.048 2.048-6.144 2.048-8.192 0-2.048-2.048-2.048-6.144 0-8.192L40.96 565.248H6.144c-3.072 0-6.144-2.048-6.144-5.12s3.072-6.144 6.144-6.144H40.96l-25.6-25.6c-2.048-2.048-2.048-6.144 0-8.192 2.048-2.048 6.144-2.048 8.192 0l25.6 25.6v-35.84c0-3.072 3.072-6.144 6.144-6.144s6.144 3.072 6.144 6.144v35.84l25.6-25.6c2.048-2.048 6.144-2.048 8.192 0 2.048 2.048 2.048 6.144 0 8.192l-25.6 25.6h35.84c3.072 0 6.144 3.072 6.144 6.144s-3.072 6.144-6.144 6.144H69.632l25.6 25.6c2.048 2.048 2.048 6.144 0 8.192-2.048 2.048-6.144 2.048-8.192 0L61.44 573.44v35.84c0 3.072-3.072 6.144-6.144 6.144z m0 0"
                fill="#1651E5" opacity=".3" p-id="20162"></path>
            <path
                d="M1013.76 718.848h-48.128c-3.072 0-6.144-3.072-6.144-6.144s3.072-6.144 6.144-6.144H1013.76c3.072 0 6.144 3.072 6.144 6.144-1.024 3.072-3.072 6.144-6.144 6.144z m0 0"
                fill="#1651E5" p-id="20163"></path>
            <path
                d="M989.184 742.4c-3.072 0-6.144-3.072-6.144-6.144v-48.128c0-3.072 3.072-6.144 6.144-6.144s6.144 3.072 6.144 6.144v48.128c0 3.072-3.072 6.144-6.144 6.144zM494.592 151.552h-48.128c-3.072 0-6.144-3.072-6.144-6.144s3.072-6.144 6.144-6.144h48.128c3.072 0 6.144 3.072 6.144 6.144-1.024 3.072-3.072 6.144-6.144 6.144z"
                fill="#1651E5" p-id="20164"></path>
            <path
                d="M470.016 175.104c-3.072 0-6.144-3.072-6.144-6.144v-48.128c0-3.072 3.072-6.144 6.144-6.144s6.144 3.072 6.144 6.144v48.128c-1.024 4.096-3.072 6.144-6.144 6.144z m0 0"
                fill="#1651E5" p-id="20165"></path>
            <path
                d="M779.264 140.288c0 27.648-19.456 51.2-43.008 51.2 23.552 0 43.008 22.528 43.008 51.2 0-27.648 19.456-51.2 43.008-51.2-23.552 0-43.008-22.528-43.008-51.2z m0 0"
                fill="#1651E5" opacity=".3" p-id="20166"></path>
            <path
                d="M613.376 75.776c-14.336 0-25.6-12.288-25.6-25.6 0-14.336 12.288-25.6 25.6-25.6 14.336 0 25.6 12.288 25.6 25.6 0 14.336-11.264 25.6-25.6 25.6z m0-40.96c-8.192 0-14.336 7.168-14.336 14.336 0 8.192 7.168 14.336 14.336 14.336 8.192 0 14.336-7.168 14.336-14.336 0-8.192-7.168-14.336-14.336-14.336z m0 0"
                fill="#1651E5" opacity=".3" p-id="20167"></path>
            <path
                d="M113.664 218.112c0 47.104 31.744 84.992 71.68 84.992-39.936 0-71.68 37.888-71.68 84.992 0-47.104-31.744-84.992-71.68-84.992 39.936 0 71.68-37.888 71.68-84.992z m0 0"
                fill="#1651E5" opacity=".3" p-id="20168"></path>
            <path
                d="M102.4 781.312c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48 20.48 9.216 20.48 20.48-9.216 20.48-20.48 20.48z m0-31.744c-6.144 0-11.264 5.12-11.264 11.264 0 6.144 5.12 11.264 11.264 11.264 6.144 0 11.264-5.12 11.264-11.264 0-6.144-5.12-11.264-11.264-11.264z m0 0"
                fill="#1651E5" opacity=".3" p-id="20169"></path>
            <path
                d="M746.496 352.256l28.672 16.384c9.216 0 17.408 7.168 17.408 16.384v544.768c0 9.216-8.192 16.384-17.408 16.384h-430.08c-21.504 0-40.96-7.168-57.344-21.504-15.36-13.312-24.576-32.768-26.624-52.224V869.376c0-2.048-1.024-3.072-1.024-5.12V336.896"
                fill="#FFFFFF" p-id="20170"></path>
            <path
                d="M329.728 273.408h-4.096c-26.624 0-47.104 17.408-47.104 39.936 0 21.504 21.504 39.936 47.104 39.936h419.84v-80.896H330.752l-1.024 1.024z m0 0"
                fill="#1651E5" opacity=".3" p-id="20171"></path>
            <path
                d="M747.52 352.256l27.648 16.384c9.216 0 16.384 7.168 16.384 16.384v544.768c0 9.216-7.168 16.384-16.384 16.384H361.472c-20.48 0-39.936-7.168-55.296-21.504-15.36-13.312-24.576-32.768-25.6-52.224V869.376c0-2.048-1.024-3.072-1.024-5.12V336.896"
                fill="#1651E5" opacity=".1" p-id="20172"></path>
            <path
                d="M259.072 451.584c-6.144 0-11.264-5.12-11.264-11.264V300.032c0-6.144 5.12-11.264 11.264-11.264 6.144 0 11.264 5.12 11.264 11.264v139.264c0 7.168-5.12 12.288-11.264 12.288z m0 0M259.072 620.544c-6.144 0-11.264-5.12-11.264-11.264V501.76c0-6.144 5.12-11.264 11.264-11.264 6.144 0 11.264 5.12 11.264 11.264v107.52c0 6.144-5.12 11.264-11.264 11.264z m0 0"
                fill="#1651E5" p-id="20173"></path>
            <path
                d="M325.632 498.688c-6.144 0-11.264-5.12-11.264-11.264v-50.176c0-6.144 5.12-11.264 11.264-11.264 6.144 0 11.264 5.12 11.264 11.264v50.176c1.024 6.144-4.096 11.264-11.264 11.264z m0 0M325.632 648.192c-6.144 0-11.264-5.12-11.264-11.264V529.408c0-6.144 5.12-11.264 11.264-11.264 6.144 0 11.264 5.12 11.264 11.264v107.52c1.024 6.144-4.096 11.264-11.264 11.264z m0 0"
                fill="#FF9F00" p-id="20174"></path>
            <path
                d="M340.992 937.984c-23.552 0-45.056-8.192-62.464-24.576-17.408-15.36-27.648-36.864-29.696-59.392-1.024-3.072-1.024-5.12-1.024-8.192V700.416c0-6.144 5.12-11.264 11.264-11.264 6.144 0 11.264 5.12 11.264 11.264V847.872l1.024 3.072v3.072c1.024 17.408 9.216 32.768 22.528 45.056 13.312 12.288 29.696 18.432 47.104 18.432h414.72c3.072 0 5.12-2.048 5.12-5.12V819.2c0-6.144 5.12-11.264 11.264-11.264 6.144 0 11.264 5.12 11.264 11.264v93.184c0 15.36-12.288 28.672-28.672 28.672H342.016l-1.024-3.072z m0 0M772.096 731.136c-6.144 0-11.264-5.12-11.264-11.264V365.568c0-3.072-2.048-5.12-5.12-5.12h-27.648c-6.144 0-11.264-5.12-11.264-11.264 0-6.144 5.12-11.264 11.264-11.264h27.648c15.36 0 28.672 12.288 28.672 28.672v354.304c-1.024 5.12-6.144 10.24-12.288 10.24z m0 0"
                fill="#1651E5" p-id="20175"></path>
            <path
                d="M736.256 360.448H309.248l-2.048-1.024h-1.024c-32.768 0-58.368-26.624-58.368-58.368 0-32.768 26.624-58.368 58.368-58.368h1.024l3.072-1.024H737.28l-1.024 118.784z m-423.936-23.552h401.408v-73.728H312.32c-2.048 0-4.096 1.024-6.144 1.024-19.456 0-35.84 16.384-35.84 35.84s16.384 35.84 35.84 35.84c1.024 1.024 3.072 1.024 6.144 1.024z m0 0"
                fill="#1651E5" p-id="20176"></path>
          </svg>
          创作
        </a>
        <router-link to="/photo" class="mobile-nav-link">
          <svg t="1753261747242" class="icon" viewBox="0 0 1041 1024" version="1.1"
               xmlns="http://www.w3.org/2000/svg" p-id="22460" width="200" height="200">
            <path d="M25.41717 248.322786h996.240009v746.489566H25.41717z" fill="#7CA37C" p-id="22461">
            </path>
            <path d="M25.41717 632.00858h996.240009v56.427013H25.41717z" fill="#81C5E8" p-id="22462"></path>
            <path d="M25.41717 613.196864h996.240009v18.811716H25.41717z" fill="#6B8C6B" p-id="22463">
            </path>
            <path d="M25.41717 669.623877h996.240009v18.811716H25.41717z" fill="#FFFFFF" opacity=".25"
                  p-id="22464"></path>
            <path
                d="M386.467894 629.051581c0 23.501426-14.67924 38.652484-32.791363 38.652484-18.108056 0-32.791363-15.151058-32.791363-38.652484s14.67924-49.573448 32.791363-49.573447c18.108056-0.004067 32.791363 26.063887 32.791363 49.573447z"
                fill="#F7AE6B" p-id="22465"></path>
            <path
                d="M381.55041 624.418815c0 20.011598-12.499114 31.03018-27.922688 31.03018-15.419506 0-27.922688-11.018581-27.922688-31.03018s12.499114-43.260846 27.922688-43.260846 27.922688 23.249247 27.922688 43.260846z"
                fill="#FFCC66" p-id="22466"></path>
            <path
                d="M372.870582 617.146307c0 14.142343-8.834389 22.122578-19.726881 22.122578-10.892492 0-19.722813-7.98837-19.722813-22.122578 0-14.142343 8.834389-34.353244 19.722813-34.353244 10.892492 0 19.726881 20.219036 19.726881 34.353244z"
                fill="#FFE28C" p-id="22467"></path>
            <path
                d="M357.792737 638.99637l-1.260893-15.99301 18.624616-16.314333-18.97848 11.77105 0.337594 4.274835-1.37478-17.510149 6.109232-4.856473-7.162688 2.538057-10.318989-6.117367 9.054028 8.643221-1.411387 21.374177-20.255642-16.981387 19.783824 24.123738-3.59558 54.486864h14.329443l-3.404412-43.39507 14.357915-18.116191z"
                fill="#D57E58" p-id="22468"></path>
            <path
                d="M372.626538 626.924332l-14.833801 12.072038-1.260893-15.99301 18.624616-16.314333-18.97848 11.77105 0.337594 4.274835-1.37478-17.510149 6.109232-4.856473-7.162688 2.538057-10.318989-6.117367 9.054028 8.643221-1.411387 21.370109-20.255642-16.977319 19.783824 24.123738-3.59558 54.486864 6.882037-54.913941 7.447406 54.913941-3.404412-43.39507z"
                fill="#BF714F" p-id="22469"></path>
            <path
                d="M533.097594 637.861565c0 20.015666-12.495047 32.913385-27.922688 32.913386-15.423573 0-27.930822-12.897719-27.930822-32.913386 0-20.023801 12.503182-42.227727 27.930822-42.227726s27.922688 22.212061 27.922688 42.227726z"
                fill="#F7AE6B" p-id="22470"></path>
            <path
                d="M528.912241 633.920257c0 17.03833-10.640313 26.421818-23.778009 26.421818-13.133628 0-23.778009-9.383487-23.778009-26.421818 0-17.042398 10.648448-36.850626 23.778009-36.850627 13.133628 0 23.778009 19.800094 23.778009 36.850627z"
                fill="#FFCC66" p-id="22471"></path>
            <path
                d="M521.521779 627.729677c0 12.039498-7.524686 18.83612-16.798354 18.83612s-16.794287-6.796622-16.794287-18.83612c0-12.043566 7.524686-29.256794 16.794287-29.256794 9.273668 0 16.798354 17.213229 16.798354 29.256794z"
                fill="#FFE28C" p-id="22472"></path>
            <path
                d="M508.681003 646.325821l-1.069726-13.613581 15.858786-13.886097-16.159773 10.009866 0.280651 3.644389-1.167344-14.919216 5.20627-4.124342-6.101097 2.155721-8.793715-5.214404 7.715854 7.366058-1.199882 18.209741-17.253903-14.467735 16.847163 20.552562-3.062751 46.39681h12.206262l-2.900055-36.956379 12.226599-15.435775z"
                fill="#D57E58" p-id="22473"></path>
            <path
                d="M521.314342 636.043439l-12.633339 10.282382-1.069726-13.613581 15.858786-13.886097-16.159773 10.009866 0.280651 3.644389-1.167344-14.919216 5.20627-4.124342-6.101097 2.155721-8.793715-5.214404 7.715854 7.366058-1.199882 18.209741-17.253903-14.467735 16.847163 20.552562-3.062751 46.39681 5.865188-46.766943 6.341074 46.766943-2.900055-36.956379z"
                fill="#BF714F" p-id="22474"></path>
            <path
                d="M638.614034 638.520484a26.665862 24.835533 0 1 0 53.331723 0 26.665862 24.835533 0 1 0-53.331723 0Z"
                fill="#78B878" p-id="22475"></path>
            <path
                d="M615.576292 629.596613a26.657727 24.831465 0 1 0 53.315453 0 26.657727 24.831465 0 1 0-53.315453 0Z"
                fill="#7DBF7D" p-id="22476"></path>
            <path
                d="M629.047514 607.478102a26.657727 24.835533 0 1 0 53.315454 0 26.657727 24.835533 0 1 0-53.315454 0Z"
                fill="#85CC85" p-id="22477"></path>
            <path
                d="M652.64249 619.615218a26.661794 24.835533 0 1 0 53.323589 0 26.661794 24.835533 0 1 0-53.323589 0Z"
                fill="#7DBF7D" p-id="22478"></path>
            <path
                d="M620.481574 626.509457a21.915141 20.422406 0 1 0 43.830281 0 21.915141 20.422406 0 1 0-43.830281 0Z"
                fill="#8FDB8F" p-id="22479"></path>
            <path
                d="M626.245077 623.393831a14.996497 13.967445 0 1 0 29.992993 0 14.996497 13.967445 0 1 0-29.992993 0Z"
                fill="#96E696" p-id="22480"></path>
            <path
                d="M658.275836 616.275884a21.923276 20.418338 0 1 0 43.846551 0 21.923276 20.418338 0 1 0-43.846551 0Z"
                fill="#8FDB8F" p-id="22481"></path>
            <path
                d="M664.055609 613.160257a15.000564 13.967445 0 1 0 30.001128 0 15.000564 13.967445 0 1 0-30.001128 0Z"
                fill="#96E696" p-id="22482"></path>
            <path
                d="M633.546056 603.524591a21.915141 20.418338 0 1 0 43.830282 0 21.915141 20.418338 0 1 0-43.830282 0Z"
                fill="#8FDB8F" p-id="22483"></path>
            <path
                d="M639.333964 600.413032a14.988362 13.967445 0 1 0 29.976723 0 14.988362 13.967445 0 1 0-29.976723 0Z"
                fill="#96E696" p-id="22484"></path>
            <path
                d="M639.146863 631.28865a21.923276 20.418338 0 1 0 43.846551 0 21.923276 20.418338 0 1 0-43.846551 0Z"
                fill="#8FDB8F" p-id="22485"></path>
            <path
                d="M644.934771 628.173023a14.992429 13.967445 0 1 0 29.984858 0 14.992429 13.967445 0 1 0-29.984858 0Z"
                fill="#96E696" p-id="22486"></path>
            <path
                d="M655.489669 643.515249s4.262633 26.311998-12.206262 44.920344h38.030172c-0.378268-0.524694-33.21844-44.399717 3.327132-70.475806 0 0-19.36895 10.453213-19.36895 18.010438 0 11.616489 5.625212-20.719326-15.618809-30.01333 0 0 15.037171 8.773378 9.993597 33.686191 0 0-2.50145-14.715846-19.995328-14.715846 0.020337 0 15.838448 3.09529 15.838448 18.588009z"
                fill="#D57E58" p-id="22487"></path>
            <path
                d="M659.658752 639.643086c-0.260313 11.465995 3.709467 31.14 3.709467 31.139999-2.546191-15.472382 2.550259-37.371253 2.550258-37.371253-0.349796-7.618237-3.318997-21.805321-16.253322-27.463072 0 0.008135 15.041238 8.781512 9.993597 33.694326z"
                fill="#BA6E4D" p-id="22488"></path>
            <path
                d="M684.648845 617.959787s-15.391034 8.309694-18.730368 15.468315c-0.349796-7.626371-3.318997-21.813456-16.253322-27.471207 0 0 15.041238 8.773378 9.993597 33.686191 0 0-2.50145-14.715846-19.995329-14.715846 0 0 15.830313 3.107492 15.830313 18.588009 0 0 4.262633 26.311998-12.214396 44.920344 0 0 12.336418-8.187672 16.53804-42.78496l4.185353-1.732712s0.191168 27.397993 17.306779 44.509537c-0.370133-0.508425-33.214373-44.391582 3.339333-70.467671z"
                fill="#BA6E4D" p-id="22489"></path>
            <path
                d="M658.100938 688.435593c0.024404-0.008135 4.518879-6.275995 5.035439-20.999976 0 0 2.318417 16.001144 4.832069 20.999976h-9.867508z"
                fill="#BA6E4D" p-id="22490"></path>
            <path
                d="M386.463826 788.900325c0-40.108612-14.675172-65.965062-32.791363-65.965062s-32.791363 25.852382-32.791363 65.965062c0 40.116747 14.67924 84.630351 32.791363 84.630351 18.112124 0 32.791363-44.513604 32.791363-84.630351z"
                opacity=".15" p-id="22491"></path>
            <path
                d="M381.55041 796.811414c0-34.153941-12.499114-52.957523-27.922688-52.957523-15.419506 0-27.922688 18.795446-27.922688 52.957523 0 34.153941 12.503182 73.839544 27.922688 73.839544s27.922688-39.677468 27.922688-73.839544z"
                opacity=".15" p-id="22492"></path>
            <path
                d="M372.866515 809.208843c0-24.123738-8.834389-37.749521-19.722814-37.749521s-19.722813 13.629851-19.722813 37.749521c0 24.13594 8.834389 58.639678 19.722813 58.639678s19.722813-34.495603 19.722814-58.639678z"
                opacity=".15" p-id="22493"></path>
            <path
                d="M357.792737 771.93114l-1.260893 27.296309 18.624616 27.829137-18.97848-20.084812 0.337594-7.284709-1.37478 29.891308 6.109232 8.26902-7.162688-4.307374-10.318989 10.424741 9.058095-14.744318-1.415454-36.50083-20.255642 28.99648 19.783824-41.182405-3.59558-92.992922h14.329443l-3.404412 74.071386 14.357915 30.928495z"
                opacity=".15" p-id="22494"></path>
            <path
                d="M372.626538 792.540646l-14.833801-20.609506-1.260893 27.296309 18.624616 27.829137-18.97848-20.084812 0.337594-7.284709-1.37478 29.891308 6.109232 8.26902-7.162688-4.307374-10.318989 10.424741 9.058095-14.744318-1.415454-36.492696-20.255642 28.988346 19.783824-41.182405-3.59558-92.992922 6.882037 93.729121 7.447406-93.729121-3.404412 74.071386z"
                opacity=".15" p-id="22495"></path>
            <path
                d="M533.097594 773.863154c0-34.158009-12.495047-56.178902-27.922688-56.178902-15.423573 0-27.930822 22.008691-27.930822 56.178902s12.503182 72.070226 27.930822 72.070226 27.922688-37.904082 27.922688-72.070226z"
                opacity=".15" p-id="22496"></path>
            <path
                d="M528.912241 780.602833c0-29.094098-10.640313-45.09931-23.778009-45.09931-13.133628 0-23.778009 16.005211-23.778009 45.09931s10.644381 62.886041 23.778009 62.886041c13.137696 0 23.778009-33.791943 23.778009-62.886041z"
                opacity=".15" p-id="22497"></path>
            <path
                d="M521.521779 791.165866c0-20.552562-7.528754-32.148714-16.794287-32.148715-9.277735 0-16.794287 11.604287-16.794286 32.148715 0 20.552562 7.524686 49.939513 16.794286 49.939513 9.2696 0 16.794287-29.399153 16.794287-49.939513z"
                opacity=".15" p-id="22498"></path>
            <path
                d="M508.685071 759.411689l-1.073794 23.24518 15.854718 23.704796-16.155705-17.103409 0.280651-6.202782-1.167344 25.44971 5.202202 7.044733-6.097029-3.676928-8.793715 8.887265 7.715854-12.551991-1.199882-31.087123-17.253903 24.697241 16.85123-35.085375-3.066818-79.192241h12.206262l-2.900055 63.081277 12.230666 26.336402z"
                opacity=".15" p-id="22499"></path>
            <path
                d="M521.318409 776.958444l-12.633338-17.546755-1.073794 23.24518 15.854718 23.704796-16.155705-17.103409 0.280651-6.202782-1.167344 25.44971 5.202202 7.044733-6.097029-3.676928-8.793715 8.887265 7.715854-12.551991-1.199882-31.087123-17.253903 24.697241 16.85123-35.085375-3.066818-79.192241 5.861121 79.826755 6.345141-79.826755-2.900055 63.081277z"
                opacity=".15" p-id="22500"></path>
            <path
                d="M638.614034 772.740552a42.39449 26.665862 90 1 0 53.331723 0 42.39449 26.665862 90 1 0-53.331723 0Z"
                opacity=".15" p-id="22501"></path>
            <path
                d="M615.576292 787.972958a42.390423 26.657727 90 1 0 53.315453 0 42.390423 26.657727 90 1 0-53.315453 0Z"
                opacity=".15" p-id="22502"></path>
            <path
                d="M629.047514 825.734682a42.390423 26.657727 90 1 0 53.315454 0 42.390423 26.657727 90 1 0-53.315454 0Z"
                opacity=".15" p-id="22503"></path>
            <path
                d="M652.64249 805.007221a42.390423 26.661794 90 1 0 53.323589 0 42.390423 26.661794 90 1 0-53.323589 0Z"
                opacity=".15" p-id="22504"></path>
            <path
                d="M620.481574 793.240239a34.853534 21.915141 90 1 0 43.830281 0 34.853534 21.915141 90 1 0-43.830281 0Z"
                opacity=".15" p-id="22505"></path>
            <path
                d="M626.245077 798.552261a23.83902 14.996497 90 1 0 29.992993 0 23.83902 14.996497 90 1 0-29.992993 0Z"
                opacity=".15" p-id="22506"></path>
            <path
                d="M658.275836 810.709713a34.853534 21.923276 90 1 0 43.846551 0 34.853534 21.923276 90 1 0-43.846551 0Z"
                opacity=".15" p-id="22507"></path>
            <path
                d="M664.055609 816.017668a23.834953 15.000564 90 1 0 30.001128 0 23.834953 15.000564 90 1 0-30.001128 0Z"
                opacity=".15" p-id="22508"></path>
            <path
                d="M633.546056 832.466226a34.849467 21.915141 90 1 0 43.830282 0 34.849467 21.915141 90 1 0-43.830282 0Z"
                opacity=".15" p-id="22509"></path>
            <path
                d="M639.333964 837.782315a23.834953 14.988362 90 1 0 29.976723 0 23.834953 14.988362 90 1 0-29.976723 0Z"
                opacity=".15" p-id="22510"></path>
            <path
                d="M639.146863 785.085106a34.849467 21.923276 90 1 0 43.846551 0 34.849467 21.923276 90 1 0-43.846551 0Z"
                opacity=".15" p-id="22511"></path>
            <path
                d="M644.934771 790.397127a23.83902 14.992429 90 1 0 29.984858 0 23.83902 14.992429 90 1 0-29.984858 0Z"
                opacity=".15" p-id="22512"></path>
            <path
                d="M655.489669 764.211219s4.262633-44.900007-12.206262-76.670454h38.030172c-0.378268 0.886693-33.21844 75.783761 3.327132 120.297365 0 0-19.36895-17.85181-19.36895-30.737327 0-19.844835 5.625212 35.353824-15.618809 51.232946 0 0 15.037171-14.996497 9.993597-57.517076 0 0-2.50145 25.128385-19.995328 25.128385 0.020337-0.004067 15.838448-5.287617 15.838448-31.733839z"
                opacity=".15" p-id="22513"></path>
            <path
                d="M659.658752 770.820741c-0.260313-19.568252 3.709467-53.144623 3.709467-53.144623-2.546191 26.405548 2.550259 63.776802 2.550258 63.776801-0.349796 13.011606-3.318997 37.232962-16.253322 46.884897 0-0.004067 15.041238-14.992429 9.993597-57.517075z"
                opacity=".15" p-id="22514"></path>
            <path
                d="M684.648845 807.83813s-15.391034-14.187084-18.730368-26.393346c-0.349796 13.011606-3.318997 37.237029-16.253322 46.888965 0 0 15.041238-14.996497 9.993597-57.517076 0 0-2.50145 25.128385-19.995329 25.128385 0 0 15.830313-5.291685 15.830313-31.737907 0 0 4.262633-44.900007-12.214396-76.67452 0 0 12.336418 13.979647 16.53804 73.034199l4.185353 2.956998s0.191168-46.775078 17.306779-75.98713c-0.370133 0.89076-33.214373 75.783761 3.339333 120.301432z"
                opacity=".15" p-id="22515"></path>
            <path
                d="M658.100938 687.540765c0.024404 0.008135 4.518879 10.717594 5.035439 35.837845 0 0 2.318417-27.304443 4.832069-35.837845h-9.867508z"
                opacity=".15" p-id="22516"></path>
            <path
                d="M25.41717 507.391638h603.191065v4.067398H25.41717zM212.212426 421.772909h809.444753v4.067398H212.212426zM25.41717 316.703882h653.781362v4.067398H25.41717zM714.226964 526.846003h307.430215v4.067398h-307.430215zM546.886073 371.186679h474.771106v4.067398H546.886073zM25.41717 371.186679h260.736485v4.067398H25.41717z"
                opacity=".17" p-id="22517"></path>
            <path
                d="M25.41717 931.568379h603.191065v4.067398H25.41717zM212.212426 845.953717h809.444753v4.067399H212.212426zM25.41717 740.884691h653.781362v4.067398H25.41717zM714.226964 951.022744h307.430215v4.067398h-307.430215zM461.271411 795.367488h560.3817v4.067398H461.271411zM25.41717 795.367488h260.736485v4.067398H25.41717z"
                opacity=".17" p-id="22518"></path>
            <path
                d="M852.071084 244.479095L597.094035 83.719254c0.39047-2.786168 0.662986-5.608942 0.662986-8.500862 0-33.641449-27.369522-61.010971-61.006904-61.010971-33.641449 0-61.010971 27.369522-61.010971 61.010971 0 2.542124 0.207437 5.031371 0.508425 7.492147L200.522724 244.133366a20.33699 20.33699 0 0 0 20.548495 35.101645l273.447104-160.08872c10.97384 10.550831 25.844247 17.079004 42.231794 17.079005 16.005211 0 30.533957-6.239389 41.426449-16.35094l252.203084 159.010859a20.33699 20.33699 0 1 0 21.691434-34.40612z m-315.316899-148.92778c-0.565368 0-1.098197-0.122022-1.643229-0.166763l2.192327-1.281231 1.90761 1.199883c-0.821614 0.101685-1.618824 0.248111-2.456708 0.248111z"
                fill="#6E6E96" p-id="22519"></path>
            <path
                d="M536.632163 73.733792m-24.518276 0a24.518275 24.518275 0 1 0 49.036551 0 24.518275 24.518275 0 1 0-49.036551 0Z"
                fill="#FFFFFF" p-id="22520"></path>
            <path
                d="M1017.349804 994.812352H25.41717V241.351266h991.932634v753.461086z m-951.258653-40.673981h910.584673V282.025246H66.091151v672.113125z"
                fill="#CCCCCE" p-id="22521"></path>
            <path
                d="M982.276631 954.427156h-919.231961V282.19201h919.231961v672.235146z m-878.557981-40.67398h837.884V322.86599h-837.884v590.887186z"
                fill="#FFFFFF" p-id="22522"></path>
          </svg>
          相册
        </router-link>
        <router-link to="/photoWall" class="mobile-nav-link">
          <svg t="1754799883571" class="icon" viewBox="0 0 1297 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="4185" width="200" height="200">
            <path
                d="M1287.926378 191.342357a45.040094 45.040094 0 0 0-29.464269-17.685051l-119.301084-17.360555-21.757481-119.25241A45.040094 45.040094 0 0 0 1065.240755 0.70075l-436.934339 81.286336L288.44516 32.501392a44.780497 44.780497 0 0 0-50.75123 38.29057l-12.282186 85.991534-188.69463 35.045606a44.553349 44.553349 0 0 0-28.831501 18.820788 45.753986 45.753986 0 0 0-7.13892 33.909869l135.412329 742.285409a45.299691 45.299691 0 0 0 18.642315 29.042423 43.904357 43.904357 0 0 0 25.440514 8.112409 45.543063 45.543063 0 0 0 8.112409-0.811241l601.08082-111.788994 356.118523 51.919417a44.08283 44.08283 0 0 0 6.489927 0.486744 44.92652 44.92652 0 0 0 44.293752-38.777314l13.109653-91.507971 7.463416-1.460234a45.234792 45.234792 0 0 0 35.970421-52.730657l-20.03765-109.679768 63.601285-444.722252a45.591738 45.591738 0 0 0-8.518029-33.585373z m-105.866935 200.052002l-40.0753 280.040353-12.071264 84.855797-13.515273 94.428438-2.401273 16.711563-48.804252-7.13892-277.444382-40.399796-554.888764-80.799592 72.200438-505.078574 13.499049-94.590687 1.622481-11.032876 32.546985 4.705197 277.444382 40.399796 432.650988 63.114541 93.633422 13.628847 44.95897 6.489927zM1037.398968 97.887408l8.112409 44.780496-139.776804-20.281022zM96.992312 272.628694l114.920383-21.416759-52.195238 365.220645z m119.203735 653.373407l-18.334044-100.593869 314.063796 45.753986z m298.131025-497.128413a82.032678 82.032678 0 1 0-68.906801-92.968205 81.497259 81.497259 0 0 0 68.906801 92.968205z m495.359908 77.067884l-81.708182 85.504789-102.978918-204.919447L629.26368 613.512113s-233.134405-132.719008-303.90706 48.512205l716.260801 109.193023z"
                fill="#EE7ABB" p-id="4186"></path>
          </svg>
          照片墙
        </router-link>
        <router-link to="/guestbook" class="mobile-nav-link">
          <svg t="1753261807326" class="icon" viewBox="0 0 1024 1024" version="1.1"
               xmlns="http://www.w3.org/2000/svg" p-id="24454" width="200" height="200">
            <path
                d="M113.834667 291.84v449.194667a29.013333 29.013333 0 0 0 28.842666 29.013333h252.928v90.453333l160.597334-90.453333h252.928a29.013333 29.013333 0 0 0 29.013333-29.013333V291.84a29.013333 29.013333 0 0 0-29.013333-29.013333h-665.6a29.013333 29.013333 0 0 0-29.696 29.013333z"
                fill="#FFDEAD" p-id="24455"></path>
            <path
                d="M809.130667 262.826667h-665.6a29.013333 29.013333 0 0 0-28.842667 29.013333v40.106667a29.013333 29.013333 0 0 1 28.842667-29.013334h665.6a29.013333 29.013333 0 0 1 29.013333 29.013334V291.84a29.013333 29.013333 0 0 0-29.013333-29.013333z"
                fill="#FFF3DB" p-id="24456"></path>
            <path
                d="M556.202667 770.048h252.928a29.013333 29.013333 0 0 0 29.013333-29.013333V362.837333s-59.733333 392.533333-724.309333 314.709334v63.488a29.013333 29.013333 0 0 0 28.842666 29.013333h253.098667v90.453333z"
                fill="#F2C182" p-id="24457"></path>
            <path
                d="M619.008 632.32l101.888-35.157333-131.754667-76.117334 29.866667 111.274667zM891.904 148.992a61.44 61.44 0 0 0-84.138667 22.528l-19.968 34.133333 106.666667 61.610667 19.968-34.133333a61.781333 61.781333 0 0 0-22.528-84.138667z"
                fill="#69BAF9" p-id="24458"></path>
            <path d="M775.338667 198.775467l131.669333 76.032-186.026667 322.218666-131.6864-76.032z"
                  fill="#F7FBFF" p-id="24459"></path>
            <path
                d="M775.168 198.826667l-5.290667 9.216 59.221334 34.133333a34.133333 34.133333 0 0 1 12.458666 46.592l-139.946666 242.346667a34.133333 34.133333 0 0 1-46.762667 12.629333l-59.050667-34.133333-6.656 11.434666 88.746667 51.2L720.896 597.333333l186.026667-322.56z"
                fill="#D8E3F0" p-id="24460"></path>
            <path
                d="M616.448 622.592l2.56 9.728 101.888-35.157333-44.885333-25.941334-59.562667 51.370667zM891.904 148.992c-1.024 0-2.218667-0.853333-3.242667-1.536A61.610667 61.610667 0 0 1 887.466667 204.8l-19.968 34.133333-73.728-42.496-5.12 8.704 106.666666 61.610667 19.968-34.133333a61.781333 61.781333 0 0 0-23.381333-83.626667z"
                fill="#599ED4" p-id="24461"></path>
            <path
                d="M265.898667 417.621333H494.933333a17.066667 17.066667 0 1 0 0-34.133333H265.898667a17.066667 17.066667 0 1 0 0 34.133333zM265.898667 533.504H494.933333a17.066667 17.066667 0 0 0 0-34.133333H265.898667a17.066667 17.066667 0 0 0 0 34.133333z"
                fill="#3D3D63" p-id="24462"></path>
            <path
                d="M959.488 354.645333a99.84 99.84 0 0 0-23.722667-127.488 78.677333 78.677333 0 0 0-142.848-64.170666l-11.605333 20.138666a17.066667 17.066667 0 0 0-20.821333 7.168l-32.085334 55.466667H142.677333a46.250667 46.250667 0 0 0-45.909333 46.08v449.194667a46.08 46.08 0 0 0 45.909333 46.08h236.032v73.386666a17.066667 17.066667 0 0 0 8.362667 14.848 17.066667 17.066667 0 0 0 8.704 2.218667 17.066667 17.066667 0 0 0 8.362667-2.218667l156.672-88.234666h248.32a46.08 46.08 0 0 0 46.08-46.08V398.677333L921.6 283.306667a17.066667 17.066667 0 0 0-4.266667-21.504l1.877334-3.413334a65.365333 65.365333 0 0 1 10.410666 79.189334l-53.077333 91.989333a56.832 56.832 0 0 0 20.821333 77.653333 17.066667 17.066667 0 0 0 24.234667-6.314666 17.066667 17.066667 0 0 0-6.997333-23.04 23.04 23.04 0 0 1-8.362667-31.061334z m-138.410667 386.389334a11.946667 11.946667 0 0 1-11.946666 11.946666H556.202667a17.066667 17.066667 0 0 0-8.362667 2.218667l-134.997333 76.117333v-61.269333a17.066667 17.066667 0 0 0-17.066667-17.066667H142.677333a11.946667 11.946667 0 0 1-11.776-11.946666V291.84a11.946667 11.946667 0 0 1 11.776-11.946667h565.930667L574.464 512a17.066667 17.066667 0 0 0-1.706667 12.970667L597.333333 615.253333H265.898667a17.066667 17.066667 0 1 0 0 34.133334h352.938666a17.066667 17.066667 0 0 0 5.802667 0l102.4-35.328a17.066667 17.066667 0 0 0 9.216-7.509334l85.333333-147.968z m-204.8-184.661334l63.829334 36.864-49.322667 17.066667z m206.848-170.666666v1.365333l-108.373333 186.709333-102.4-59.050666L781.482667 221.866667l102.4 59.050666z m76.458667-161.28L887.466667 244.224l-76.970667-44.373333 11.264-19.797334a44.544 44.544 0 1 1 77.141333 44.544z"
                fill="#3D3D63" p-id="24463"></path>
          </svg>
          留言
        </router-link>

        <router-link v-if="!nickName" to="/login" class="mobile-nav-link">
          <svg t="1753262400211" class="icon" viewBox="0 0 1024 1024" version="1.1"
               xmlns="http://www.w3.org/2000/svg" p-id="33853" width="200" height="200">
            <path d="M384 213.333333l320 66.197334V853.333333l-320-66.197333V213.333333z" fill="#F1F4F9"
                  p-id="33854"></path>
            <path
                d="M373.333333 200.234667l341.333334 70.613333v595.584l-341.333334-70.613333V200.234667z m21.333334 26.197333V778.453333l298.666666 61.802667V288.234667l-298.666666-61.802667z"
                fill="#1F64C0" p-id="33855"></path>
            <path
                d="M503.573333 175.189333c-5.184 0-5.888 7.488-0.789333 8.469334l254.869333 48.298666v589.056H853.333333V175.189333H503.573333z"
                fill="#1F64C0" p-id="33856"></path>
            <path
                d="M279.082667 477.952h-179.2v71.765333h179.2v90.922667l221.781333-128.042667-221.781333-128.042666v93.397333z"
                fill="#F24141" p-id="33857"></path>
          </svg>
          登录
        </router-link>
        <div v-if="nickName" class="mobile-nav-link"
             style="display: flex;justify-content: space-between;align-items: center;cursor: pointer;"
             @click="showSubMenu">
                    <span style="display: flex;align-items: center;">
                        <svg t="1753318986347" class="icon" viewBox="0 0 1318 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="35894" width="200" height="200">
                            <path
                                d="M354.777943 270.455754s-132.087454-112.714627 31.700988-218.38459 195.959076 96.511899 195.959076 96.511899S589.36526 30.467527 660.516369 29.880472s322.058565 82.422571 138.075418 252.903444c0 0 169.776407-114.006149 182.574213 115.532493S798.709198 523.241787 798.709198 523.241787s182.809036 102.499864-20.546937 222.493977-195.724253-97.68601-195.724254-97.68601-5.870553 196.898364-210.987692 88.410536 11.506285-217.680124 11.506284-217.680124-181.400103 105.669963-207.817593-117.058836S354.777943 270.455754 354.777943 270.455754z"
                                fill="#CCE187" p-id="35895"></path>
                            <path
                                d="M577.154509 396.085598m-174.238028 0a174.238028 174.238028 0 1 0 348.476056 0 174.238028 174.238028 0 1 0-348.476056 0Z"
                                fill="#FFFFFF" p-id="35896"></path>
                            <path
                                d="M685.407515 772.505488c-7.396897 0-14.558973-0.587055-21.603637-1.878577-48.490772-8.571008-77.021662-45.907728-81.365871-106.022196-4.34421 59.997057-32.8751 97.451188-81.365871 106.022196-73.616741 13.032629-174.825083-45.438084-200.420697-115.649904-16.907194-46.259962 1.291522-89.702057 51.073816-123.516445-54.126503 26.182669-100.856109 20.194704-132.439687-17.494249-48.138539-57.296602-48.138539-174.120617 0-231.417219 31.700989-37.688953 78.313184-43.794329 132.439687-17.49425-49.782294-33.814388-67.981009-77.139073-51.073816-123.516445C326.247053 71.44399 427.337984 12.973277 501.072136 26.005906c48.490772 8.571008 77.021662 45.907728 81.365871 106.022196 4.34421-59.997057 32.8751-97.451188 81.365871-106.022196 73.616741-13.032629 174.825083 45.438084 200.420697 115.649904 16.907194 46.259962-1.291522 89.702057-51.073816 123.516446 54.126503-26.182669 100.738698-20.194704 132.439687 17.494249 48.138539 57.296602 48.138539 174.120617 0 231.417219-18.785771 22.308103-42.737629 33.579566-70.446642 33.579566-19.138004 0-39.919764-5.283498-62.110456-16.085317 49.782294 33.814388 67.981009 77.139073 51.073816 123.516446-23.01257 63.519389-108.135595 117.41107-178.699649 117.411069z m-103.556563-124.455734h1.17411c0 69.15512 28.765712 112.244983 81.013639 121.520458 73.147097 12.915218 173.650972-45.085851 199.129174-114.945438 18.198716-49.899705-4.813854-96.277077-64.693499-130.913343l0.587055-1.056699c59.879646 34.518855 111.657927 31.231345 145.707138-9.392886 47.786305-56.944369 47.786305-172.946506 0-229.890875-34.04921-40.62423-85.827492-44.029151-145.707138-9.392885l-0.587055-1.0567c59.879646-34.518855 82.892215-81.013638 64.693499-130.913343C837.689673 72.265868 737.185797 14.264799 664.038701 27.180017c-52.247926 9.158063-81.013638 52.365337-81.013639 121.520457h-1.17411c0-69.15512-28.765712-112.244983-81.013638-121.520457-73.147097-12.915218-173.650972 45.085851-199.129175 114.945437-18.198716 49.899705 4.813854 96.277077 64.6935 130.913343l-0.587056 1.0567c-59.879646-34.518855-111.657927-31.231345-145.707137 9.392885-47.786305 56.944369-47.786305 172.946506 0 229.890875 34.04921 40.62423 85.827492 44.029151 145.707137 9.392886l0.587056 1.056699c-59.879646 34.518855-82.892215 81.013638-64.6935 130.913343C327.186341 724.484361 427.690217 782.485429 500.837314 769.570212c52.247926-9.158063 81.013638-52.365337 81.013638-121.520458z m-7.044664-75.612729c-98.74271 0-179.169293-80.426583-179.169293-179.169292S476.063578 214.215851 574.806288 214.215851s179.169293 80.426583 179.169292 179.169293S673.548997 572.437025 574.806288 572.437025z m0-357.047063c-98.155654 0-177.995182 79.839528-177.995182 177.995182s79.839528 177.995182 177.995182 177.995182 177.995182-79.839528 177.995181-177.995182-79.839528-177.995182-177.995181-177.995182z"
                                fill="#757575" p-id="35897"></path>
                            <path
                                d="M582.438007 51.836342C558.838382 16.378198 524.202116 5.57638 505.298934 2.171459 420.058497-12.857158 307.461281 52.188575 277.873692 133.437035c-6.57502 18.081305-14.441562 53.539448 4.461621 91.698046-42.502807 2.700455-69.15512 27.239368-81.600694 42.033163-55.535436 66.219843-55.535436 196.311309 0 262.531152 12.445573 14.793795 39.097886 39.332708 81.600694 42.033163-18.903182 38.158598-11.036641 73.49933-4.461621 91.698045 29.58759 81.24846 142.184806 146.294193 227.307831 131.265577 19.020593-3.404921 53.656859-14.206739 77.139073-49.664883 23.599625 35.340732 58.235891 46.259962 77.139073 49.664883 85.123026 15.028617 197.720242-50.017116 227.307831-131.265577 6.57502-18.081305 14.441562-53.539448-4.461621-91.698045 42.502807-2.700455 69.15512-27.239368 81.600694-42.033163 27.826424-33.109922 41.68093-82.187749 41.68093-131.265576s-13.854506-98.155654-41.68093-131.265576c-12.445573-14.793795-39.097886-39.332708-81.600694-42.033163 18.903182-38.158598 11.036641-73.49933 4.461621-91.698046-29.352767-81.24846-141.949983-146.294193-227.19042-131.265576-18.903182 3.404921-53.539448 14.206739-77.139073 49.664883z m257.952121 98.507887c14.089328 38.628242-4.109387 72.794863-54.009093 101.677987-11.858518 6.809842-15.967906 22.073281-9.040652 33.931799 4.579032 7.983953 12.915218 12.445573 21.486226 12.445573 4.226799 0 8.453597-1.0567 12.328162-3.28751 49.899705-28.765712 88.645358-27.47419 115.062849 3.991977 40.506819 48.25595 40.506819 150.40358 0 198.776941-26.417491 31.466167-65.163144 32.8751-115.062849 3.991976-3.757154-2.23081-7.983953-3.28751-12.328162-3.28751-8.571008 0-16.907194 4.461621-21.486226 12.445574-6.809842 11.858518-2.817866 27.004546 9.040652 33.931799 49.899705 28.765712 68.098421 63.049745 54.009093 101.677986-21.603637 59.29259-110.014172 110.366406-172.124629 99.329766-40.506819-7.162075-61.053756-40.037175-61.053756-97.686011 0-13.737095-11.154052-24.773736-24.773736-24.773735s-24.773736 11.154052-24.773736 24.773735c0 57.648835-20.546937 90.523935-61.053756 97.686011-62.110456 10.919229-150.520992-40.154586-172.124628-99.329766-14.089328-38.628242 4.109387-72.794863 54.009092-101.677986 11.858518-6.809842 15.967906-22.073281 9.040652-33.931799-4.579032-7.983953-12.915218-12.445573-21.486226-12.445574-4.226799 0-8.453597 1.0567-12.328162 3.28751-49.899705 28.765712-88.645358 27.47419-115.062848-3.991976-40.506819-48.25595-40.506819-150.40358 0-198.776941 26.417491-31.466167 65.163144-32.8751 115.062848-3.991977 11.858518 6.809842 27.004546 2.817866 33.814388-9.040652 6.809842-11.858518 2.817866-27.004546-9.040652-33.931799-49.899705-28.765712-68.098421-63.049745-54.009092-101.677987C346.089523 91.16905 434.500059 40.095235 496.610515 51.131875c40.506819 7.162075 61.053756 40.037175 61.053756 97.68601 0 13.737095 11.154052 24.773736 24.773736 24.773736s24.773736-11.154052 24.773736-24.773736c0-57.648835 20.546937-90.523935 61.053756-97.68601 62.110456-11.036641 150.520992 40.037175 172.124629 99.212354z"
                                fill="#2A9B74" p-id="35898"></path>
                            <path
                                d="M371.450315 393.267733c0 112.127572 91.228401 203.355973 203.355973 203.355973s203.355973-91.228401 203.355973-203.355973S686.933859 189.91176 574.806288 189.91176 371.450315 281.140161 371.450315 393.267733z m357.164474 0c0 84.770792-69.037709 153.808502-153.808501 153.808501s-153.808502-69.037709-153.808502-153.808501 69.037709-153.808502 153.808502-153.808502 153.808502 69.037709 153.808501 153.808502z"
                                fill="#2A9B74" p-id="35899"></path>
                            <path
                                d="M616.604628 440.349572c0 22.660336-18.316127 40.976463-40.976463 40.976463S534.651702 463.009908 534.651702 440.349572h81.952926z"
                                fill="#2A9B74" p-id="35900"></path>
                            <path
                                d="M575.628165 493.067142c-29.117945 0-52.71757-23.717036-52.71757-52.71757 0-6.457609 5.283498-11.741107 11.741107-11.741107h81.952926c6.457609 0 11.741107 5.283498 11.741107 11.741107 0 29.000534-23.599625 52.71757-52.71757 52.71757z m-26.769724-40.976463c4.579032 10.332174 14.793795 17.494249 26.769724 17.494249 11.975929 0 22.308103-7.162075 26.769724-17.494249H548.858441z"
                                fill="#2A9B74" p-id="35901"></path>
                            <path
                                d="M583.729529 478.155936h-16.085317c-8.453597 0-15.263439-6.927253-15.263439-15.263439 0-8.453597 6.927253-15.263439 15.263439-15.263439h16.085317c8.453597 0 15.263439 6.927253 15.263439 15.263439s-6.927253 15.263439-15.263439 15.263439z"
                                fill="#FFFFFF" p-id="35902"></path>
                            <path d="M587.13445 863.146834v137.370952" fill="#CCE187" p-id="35903"></path>
                            <path
                                d="M587.13445 1024c-12.915218 0-23.482214-10.566996-23.482214-23.482214v-137.370952c0-12.915218 10.566996-23.482214 23.482214-23.482214s23.482214 10.566996 23.482214 23.482214v137.370952c0 12.915218-10.449585 23.482214-23.482214 23.482214z"
                                fill="#2A9B74" p-id="35904"></path>
                            <path
                                d="M499.663203 931.83231s-54.948381-117.998125-174.707672-42.267985c-0.117411 0 67.628776 126.803955 174.707672 42.267985z"
                                fill="#CCE187" p-id="35905"></path>
                            <path
                                d="M427.455395 984.432469c-7.63172 0-15.146028-0.821877-22.777748-2.348221-63.401978-13.267451-98.977532-78.665417-100.503875-81.365871-5.753142-10.801818-2.23081-24.304091 8.218774-30.879112 42.972452-27.239368 84.066326-35.340732 122.107513-24.18668 58.353302 17.142016 85.357848 73.968974 86.531959 76.434606 4.579032 9.86253 1.761166 21.603637-6.692431 28.296068-28.883123 22.542925-58.001069 34.04921-86.884192 34.04921z m-68.568065-86.649369c11.858518 14.676384 31.113934 33.344744 55.535436 38.39342 16.907194 3.522332 34.753677-0.234822 53.304626-10.91923-9.392886-12.445573-25.125969-28.413479-46.964428-34.753676-18.550949-5.400909-39.332708-2.935277-61.875634 7.279486z"
                                fill="#2A9B74" p-id="35906"></path>
                            <path
                                d="M665.212811 931.83231s54.948381-117.998125 174.707672-42.267985c0.117411 0-67.628776 126.803955-174.707672 42.267985z"
                                fill="#CCE187" p-id="35907"></path>
                            <path
                                d="M737.420619 984.432469c-28.883123 0-58.001069-11.388874-86.76678-34.166621-8.571008-6.692431-11.271463-18.433538-6.692431-28.296068 1.174111-2.465632 28.178657-59.29259 86.531958-76.434606 37.923776-11.154052 79.01765-2.935277 122.107513 24.18668 10.449585 6.57502 13.971917 20.077293 8.218775 30.879112-1.526344 2.817866-37.101898 68.215832-100.503876 81.365871-7.63172 1.643755-15.263439 2.465632-22.895159 2.465632z m-40.389408-59.175179c18.66836 10.801818 36.632254 14.441562 53.539448 10.91923 24.18668-5.048676 43.442096-23.599625 55.300614-38.39342-22.660336-10.214763-43.559507-12.680396-62.227867-7.162075-21.603637 6.340198-37.219309 22.190692-46.612195 34.636265z"
                                fill="#2A9B74" p-id="35908"></path>
                            <path
                                d="M493.675238 380.235104m-30.292056 0a30.292056 30.292056 0 1 0 60.584112 0 30.292056 30.292056 0 1 0-60.584112 0Z"
                                fill="#2A9B74" p-id="35909"></path>
                            <path
                                d="M656.28957 380.235104m-30.292056 0a30.292056 30.292056 0 1 0 60.584112 0 30.292056 30.292056 0 1 0-60.584112 0Z"
                                fill="#2A9B74" p-id="35910"></path>
                        </svg>
                        <span style="margin-left: 4px;">
                            {{ nickName }}
                        </span>
                    </span>
          <span>
                        <svg t="1753319174227" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="36887" width="200" height="200">
                            <path
                                d="M787.2 380.8c-9.6-9.6-22.4-12.8-35.2-12.8l-480 3.2c-12.8 0-25.6 3.2-35.2 12.8-19.2 19.2-19.2 48 0 67.2l240 240c3.2 3.2 9.6 6.4 12.8 9.6l3.2 3.2c16 6.4 38.4 3.2 51.2-9.6l240-243.2c22.4-22.4 19.2-51.2 3.2-70.4z"
                                fill="#EA4545" p-id="36888"></path>
                        </svg>
                    </span>
        </div>
        <div class="sub-menu-list" v-if="isShowSubMenu">
          <router-link to="/personalCenter" class="mobile-nav-link sub-menu">
            <svg t="1753320295177" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="37940" width="200" height="200">
              <path
                  d="M968.5 501.2h-6.2c-5.4 0-9.8-4.4-9.8-9.8v-1.3c0-5.4 4.4-9.8 9.8-9.8h6.2c5.4 0 9.8 4.4 9.8 9.8v1.3c0 5.4-4.4 9.8-9.8 9.8z m-6.2-15.9c-2.6 0-4.8 2.2-4.8 4.8v1.3c0 2.6 2.2 4.8 4.8 4.8h6.2c2.6 0 4.8-2.2 4.8-4.8v-1.3c0-2.6-2.2-4.8-4.8-4.8h-6.2z"
                  fill="#42DA56" p-id="37941"></path>
              <path
                  d="M991.8 587.6h-7.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5h7.4c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5zM968 587.6h-7.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5h7.4c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5zM970.3 581.5c-0.7 0-1.3-0.3-1.8-0.8l-5.3-5.7c-0.9-1-0.9-2.6 0.2-3.5 1-0.9 2.6-0.9 3.5 0.2l5.3 5.7c0.9 1 0.9 2.6-0.2 3.5-0.5 0.3-1.1 0.6-1.7 0.6zM988.3 599.8c-0.7 0-1.3-0.3-1.8-0.8l-5.3-5.7c-0.9-1-0.9-2.6 0.2-3.5s2.6-0.9 3.5 0.2l5.3 5.7c0.9 1 0.9 2.6-0.2 3.5-0.5 0.4-1.1 0.6-1.7 0.6zM983.1 580.9c-0.6 0-1.2-0.2-1.7-0.7-1-0.9-1.1-2.5-0.2-3.5l5.3-5.7c0.9-1 2.5-1.1 3.5-0.2 1 0.9 1.1 2.5 0.2 3.5l-5.3 5.7c-0.5 0.6-1.2 0.9-1.8 0.9zM976.4 580.7c-1.4 0-2.5-1.1-2.5-2.5v-8.1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v8.1c0 1.4-1.1 2.5-2.5 2.5zM976.4 603.8c-1.4 0-2.5-1.1-2.5-2.5v-8.1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v8.1c0 1.4-1.1 2.5-2.5 2.5zM965.2 599.7c-0.6 0-1.2-0.2-1.7-0.7-1-0.9-1.1-2.5-0.2-3.5l5.3-5.7c0.9-1 2.5-1.1 3.5-0.2 1 0.9 1.1 2.5 0.2 3.5l-5.3 5.7c-0.4 0.6-1.1 0.9-1.8 0.9z"
                  fill="#F74E00" p-id="37942"></path>
              <path
                  d="M742.1 768.6H347.9c-64.6 0-117.4-52.8-117.4-117.4V367.7c0-64.6 52.8-117.4 117.4-117.4h394.2c64.6 0 117.4 52.8 117.4 117.4v283.5c0 64.6-52.8 117.4-117.4 117.4z"
                  fill="#285399" p-id="37943"></path>
              <path
                  d="M621.6 768.6H347.9c-64.6 0-117.4-52.8-117.4-117.4V367.7c0-64.6 52.8-117.4 117.4-117.4h273.6c64.6 0 117.4 52.8 117.4 117.4v283.5c0.1 64.6-52.8 117.4-117.3 117.4z"
                  fill="#3268CF" p-id="37944"></path>
              <path
                  d="M165.5 566.6c-8.3 0-15-6.7-15-15v-25.8c0-8.3 6.7-15 15-15s15 6.7 15 15v25.8c0 8.3-6.7 15-15 15zM688 780.7H277.8c-70.2 0-127.2-57.1-127.2-127.2v-51.2c0-8.3 6.7-15 15-15s15 6.7 15 15v51.2c0 53.6 43.6 97.2 97.2 97.2H688c53.6 0 97.2-43.6 97.2-97.2V437.9c0-8.3 6.7-15 15-15s15 6.7 15 15v215.7c0.1 70.1-57 127.1-127.2 127.1zM165.5 457.6c-8.3 0-15-6.7-15-15v-83c0-70.2 57.1-127.2 127.2-127.2H688c27.7 0 54.1 8.8 76.3 25.6 21.4 16.2 37.6 39.1 45.4 64.6 2.4 7.9-2 16.3-9.9 18.7-7.9 2.4-16.3-2-18.7-9.9-12.4-40.6-50.7-68.9-93-68.9H277.8c-53.6 0-97.2 43.6-97.2 97.2v83c-0.1 8.2-6.8 14.9-15.1 14.9z"
                  fill="#1A1A1A" p-id="37945"></path>
              <path
                  d="M380.6 486.3c-33.6 0-60.9-25.2-60.9-56.1 0-30.9 27.3-56.1 60.9-56.1 33.6 0 60.9 25.2 60.9 56.1 0 30.9-27.3 56.1-60.9 56.1z m0-82.2c-17 0-30.9 11.7-30.9 26.1 0 14.4 13.9 26.1 30.9 26.1s30.9-11.7 30.9-26.1c0-14.4-13.9-26.1-30.9-26.1z"
                  fill="#FFFFFF" p-id="37946"></path>
              <path
                  d="M368.6 589.6c-31.2 0-78.3 0-79.5-65.4v-0.1c-0.2-19 5.2-34.2 15.9-45.1 18-18.2 47-20.7 75.5-20.7 35.6 0 89.5 0 91.5 65.2v1.4c-1.7 27.8-12.1 46-31.8 55.8-16.7 8.3-37.8 9-59.7 9h-6.1c-1.9-0.1-3.8-0.1-5.8-0.1z m-49.5-65.9c0.4 24.4 8.4 29 11.4 30.7 8.3 4.8 22.7 5.2 38.1 5.2h12c45.6 0 59.4-4.7 61.5-35.9-1.1-30.8-15-35.4-61.5-35.4-21 0-43.9 1.4-54.2 11.8-5 5-7.4 12.7-7.3 23.6zM679.8 428h-83.2c-8.3 0-15-6.7-15-15s6.7-15 15-15h83.2c8.3 0 15 6.7 15 15s-6.7 15-15 15zM551.7 428h-17.3c-8.3 0-15-6.7-15-15s6.7-15 15-15h17.3c8.3 0 15 6.7 15 15s-6.7 15-15 15zM678.9 493H533.6c-8.3 0-15-6.7-15-15s6.7-15 15-15H679c8.3 0 15 6.7 15 15s-6.8 15-15.1 15zM676.9 563.7H531.6c-8.3 0-15-6.7-15-15s6.7-15 15-15H677c8.3 0 15 6.7 15 15s-6.8 15-15.1 15zM677.9 664.1H653c-8.3 0-15-6.7-15-15s6.7-15 15-15h24.9c8.3 0 15 6.7 15 15s-6.7 15-15 15zM613.9 664.1H306c-8.3 0-15-6.7-15-15s6.7-15 15-15h307.8c8.3 0 15 6.7 15 15s-6.7 15-14.9 15zM264.1 371.6c-7.5 0-13.9-5.6-14.9-13.1-0.1-0.4-0.1-0.8-0.1-1.3-0.9-8.2 5.1-15.6 13.4-16.5 8.2-0.9 15.6 5.1 16.5 13.4 0 0.2 0 0.4 0.1 0.7 1 8.2-4.8 15.7-13 16.7-0.8 0.1-1.4 0.1-2 0.1zM279.8 336.2c-2.8 0-5.6-0.8-8.1-2.4-7-4.5-9-13.8-4.5-20.7 13.8-21.5 36.4-34.1 37.3-34.7 7.3-4 16.4-1.4 20.4 5.9 4 7.2 1.4 16.3-5.8 20.4-0.3 0.2-17.1 9.8-26.6 24.6-2.9 4.5-7.8 6.9-12.7 6.9z"
                  fill="#FFFFFF" p-id="37947"></path>
              <path
                  d="M800.3 403.2c-0.1 0-0.1 0 0 0-8.3 0-15-6.7-15-15v-2.9c0-8.3 6.7-15 15-15s15 6.7 15 15v2.9c-0.1 8.3-6.8 15-15 15zM987.5 874.6h-20.4c-8.3 0-15-6.7-15-15s6.7-15 15-15h20.4c8.3 0 15 6.7 15 15s-6.7 15-15 15zM917.5 874.6H484.3c-8.3 0-15-6.7-15-15s6.7-15 15-15h433.2c8.3 0 15 6.7 15 15s-6.7 15-15 15z"
                  fill="#1A1A1A" p-id="37948"></path>
              <path
                  d="M515.9 874.6H253.5c-8.3 0-15-6.7-15-15s6.7-15 15-15h262.4c8.3 0 15 6.7 15 15s-6.7 15-15 15zM154.5 874.6H36.8c-8.3 0-15-6.7-15-15s6.7-15 15-15h117.7c8.3 0 15 6.7 15 15s-6.7 15-15 15z"
                  fill="#1A1A1A" p-id="37949"></path>
              <path
                  d="M54.3 304.3c-0.8 0-1.5-0.7-1.5-1.5v-38.7c0-0.8 0.7-1.5 1.5-1.5s1.5 0.7 1.5 1.5v38.7c0 0.8-0.7 1.5-1.5 1.5z"
                  fill="#F74E00" p-id="37950"></path>
              <path
                  d="M42.2 298.9c-0.4 0-0.7-0.1-1-0.4-0.6-0.6-0.7-1.5-0.1-2.1L66.2 269c0.6-0.6 1.5-0.7 2.1-0.1 0.6 0.6 0.7 1.5 0.1 2.1l-25.1 27.4c-0.3 0.4-0.7 0.5-1.1 0.5z"
                  fill="#F74E00" p-id="37951"></path>
              <path
                  d="M67.4 298.6c-0.4 0-0.8-0.2-1.1-0.5l-25.1-27.4c-0.6-0.6-0.5-1.6 0.1-2.1 0.6-0.6 1.6-0.5 2.1 0.1l25.1 27.4c0.6 0.6 0.5 1.6-0.1 2.1-0.3 0.3-0.6 0.4-1 0.4z"
                  fill="#F74E00" p-id="37952"></path>
              <path
                  d="M72 284.9H36.5c-0.8 0-1.5-0.7-1.5-1.5s0.7-1.5 1.5-1.5H72c0.8 0 1.5 0.7 1.5 1.5s-0.6 1.5-1.5 1.5z"
                  fill="#F74E00" p-id="37953"></path>
              <path
                  d="M120.5 466.1h-7.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5h7.4c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5zM96.7 466.1h-7.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5h7.4c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5zM99 460c-0.7 0-1.3-0.3-1.8-0.8l-5.3-5.7c-0.9-1-0.9-2.6 0.2-3.5 1-0.9 2.6-0.9 3.5 0.2l5.3 5.7c0.9 1 0.9 2.6-0.2 3.5-0.5 0.4-1.1 0.6-1.7 0.6zM117.1 478.3c-0.7 0-1.3-0.3-1.8-0.8l-5.3-5.7c-0.9-1-0.9-2.6 0.2-3.5 1-0.9 2.6-0.9 3.5 0.2l5.3 5.7c0.9 1 0.9 2.6-0.2 3.5-0.5 0.4-1.1 0.6-1.7 0.6zM111.8 459.4c-0.6 0-1.2-0.2-1.7-0.7-1-0.9-1.1-2.5-0.2-3.5l5.3-5.7c0.9-1 2.5-1.1 3.5-0.2 1 0.9 1.1 2.5 0.2 3.5l-5.3 5.7c-0.4 0.7-1.1 0.9-1.8 0.9zM105.2 459.2c-1.4 0-2.5-1.1-2.5-2.5v-8.1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v8.1c0 1.4-1.1 2.5-2.5 2.5zM105.2 482.3c-1.4 0-2.5-1.1-2.5-2.5v-8.1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v8.1c0 1.4-1.1 2.5-2.5 2.5zM94 478.2c-0.6 0-1.2-0.2-1.7-0.7-1-0.9-1.1-2.5-0.2-3.5l5.3-5.7c0.9-1 2.5-1.1 3.5-0.2 1 0.9 1.1 2.5 0.2 3.5l-5.3 5.7c-0.5 0.6-1.2 0.9-1.8 0.9z"
                  fill="#42DA56" p-id="37954"></path>
              <path
                  d="M132.1 264.6H128c-3.1 0-5.7-2.5-5.7-5.7v-1c0-3.1 2.5-5.7 5.7-5.7h4.2c3.1 0 5.7 2.5 5.7 5.7v1c-0.1 3.2-2.7 5.7-5.8 5.7z"
                  fill="#3268CF" p-id="37955"></path>
              <path
                  d="M90.6 586.6c-2.5 0-4.5-2-4.5-4.5v-0.8c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5v0.8c-0.1 2.5-2.1 4.5-4.5 4.5z"
                  fill="#F74E00" p-id="37956"></path>
              <path
                  d="M57.1 394.6c-7.3 0-13.2-6-13.2-13.2V379c0-7.3 6-13.2 13.2-13.2 7.3 0 13.2 6 13.2 13.2v2.4c0 7.2-5.9 13.2-13.2 13.2z"
                  fill="#42DA56" p-id="37957"></path>
              <path
                  d="M965.2 440.4H959c-5.4 0-9.8-4.4-9.8-9.8v-1.3c0-5.4 4.4-9.8 9.8-9.8h6.2c5.4 0 9.8 4.4 9.8 9.8v1.3c0 5.4-4.4 9.8-9.8 9.8z m-6.2-15.9c-2.6 0-4.8 2.2-4.8 4.8v1.3c0 2.6 2.2 4.8 4.8 4.8h6.2c2.6 0 4.8-2.2 4.8-4.8v-1.3c0-2.6-2.2-4.8-4.8-4.8H959z"
                  fill="#42DA56" p-id="37958"></path>
              <path
                  d="M915.6 370.5c-0.8 0-1.5-0.7-1.5-1.5v-23.4c0-0.8 0.7-1.5 1.5-1.5s1.5 0.7 1.5 1.5V369c0 0.9-0.7 1.5-1.5 1.5z"
                  fill="#0000FF" p-id="37959"></path>
              <path
                  d="M908.3 367.3c-0.4 0-0.7-0.1-1-0.4-0.6-0.6-0.7-1.5-0.1-2.1l15.2-16.6c0.6-0.6 1.5-0.7 2.1-0.1 0.6 0.6 0.7 1.5 0.1 2.1l-15.2 16.6c-0.3 0.3-0.7 0.5-1.1 0.5z"
                  fill="#0000FF" p-id="37960"></path>
              <path
                  d="M923.5 367.1c-0.4 0-0.8-0.2-1.1-0.5L907.2 350c-0.6-0.6-0.5-1.6 0.1-2.1 0.6-0.6 1.6-0.5 2.1 0.1l15.2 16.6c0.6 0.6 0.5 1.6-0.1 2.1-0.3 0.3-0.6 0.4-1 0.4z"
                  fill="#0000FF" p-id="37961"></path>
              <path
                  d="M926.3 358.8h-21.5c-0.8 0-1.5-0.7-1.5-1.5s0.7-1.5 1.5-1.5h21.5c0.8 0 1.5 0.7 1.5 1.5s-0.7 1.5-1.5 1.5z"
                  fill="#0000FF" p-id="37962"></path>
              <path
                  d="M967.8 526.8h-7.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5h7.4c1.4 0 2.5 1.1 2.5 2.5s-1.2 2.5-2.5 2.5zM944 526.8h-7.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5h7.4c1.4 0 2.5 1.1 2.5 2.5s-1.2 2.5-2.5 2.5zM946.2 520.6c-0.7 0-1.3-0.3-1.8-0.8l-5.3-5.7c-0.9-1-0.9-2.6 0.2-3.5 1-0.9 2.6-0.9 3.5 0.2l5.3 5.7c0.9 1 0.9 2.6-0.2 3.5-0.4 0.4-1.1 0.6-1.7 0.6zM964.3 539c-0.7 0-1.3-0.3-1.8-0.8l-5.3-5.7c-0.9-1-0.9-2.6 0.2-3.5 1-0.9 2.6-0.9 3.5 0.2l5.3 5.7c0.9 1 0.9 2.6-0.2 3.5-0.5 0.4-1.1 0.6-1.7 0.6zM959 520.1c-0.6 0-1.2-0.2-1.7-0.7-1-0.9-1.1-2.5-0.2-3.5l5.3-5.7c0.9-1 2.5-1.1 3.5-0.2 1 0.9 1.1 2.5 0.2 3.5l-5.3 5.7c-0.4 0.6-1.1 0.9-1.8 0.9zM952.4 519.9c-1.4 0-2.5-1.1-2.5-2.5v-8.1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v8.1c0 1.3-1.1 2.5-2.5 2.5zM952.4 543c-1.4 0-2.5-1.1-2.5-2.5v-8.1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v8.1c0 1.4-1.1 2.5-2.5 2.5zM941.2 538.9c-0.6 0-1.2-0.2-1.7-0.7-1-0.9-1.1-2.5-0.2-3.5l5.3-5.7c0.9-1 2.5-1.1 3.5-0.2 1 0.9 1.1 2.5 0.2 3.5L943 538c-0.5 0.6-1.1 0.9-1.8 0.9z"
                  fill="#F74E00" p-id="37963"></path>
              <path
                  d="M904.2 608.6h-4.3c-1.2 0-2.1-1-2.1-2.1v-0.4c0-1.2 1-2.1 2.1-2.1h4.3c1.2 0 2.1 1 2.1 2.1v0.4c0 1.2-0.9 2.1-2.1 2.1z"
                  fill="#3268CF" p-id="37964"></path>
              <path
                  d="M905.4 493.3h-9.3c-4 0-7.2-3.2-7.2-7.2v-0.8c0-4 3.2-7.2 7.2-7.2h9.3c4 0 7.2 3.2 7.2 7.2v0.8c0 4-3.2 7.2-7.2 7.2z m-9.3-10.2c-1.2 0-2.2 1-2.2 2.2v0.8c0 1.2 1 2.2 2.2 2.2h9.3c1.2 0 2.2-1 2.2-2.2v-0.8c0-1.2-1-2.2-2.2-2.2h-9.3z"
                  fill="#F74E00" p-id="37965"></path>
              <path d="M893.9 280.9a5.7 6.3 0 1 0 11.4 0 5.7 6.3 0 1 0-11.4 0Z" fill="#3268CF"
                    p-id="37966">
              </path>
            </svg>
            &nbsp;个人信息
          </router-link>
          <router-link v-if="true" to="/createCenter" class="mobile-nav-link">
            <svg t="1755407066550" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5931" width="200" height="200"><path d="M517.575111 871.367111H413.980444c-15.815111 0-25.315556-8.362667-25.315555-22.584889s9.500444-22.528 25.315555-22.528h207.473778a22.584889 22.584889 0 1 1 0 43.349334l-103.879111 1.763555z m-1.137778-63.886222H411.534222a21.219556 21.219556 0 0 1-22.584889-16.952889 22.584889 22.584889 0 0 1 11.320889-22.755556 22.584889 22.584889 0 0 1 11.491556-2.275555h210.887111c10.410667-1.024 19.968 5.688889 22.584889 15.815111a20.536889 20.536889 0 0 1-7.907556 22.584889 23.893333 23.893333 0 0 1-16.725333 4.266667l-104.106667-0.682667z m0 127.601778H415.118222c-16.668444 0-26.624-8.362667-26.396444-22.584889 0.227556-14.222222 9.671111-22.584889 26.396444-22.584889h203.264c16.213333 0 26.624 8.533333 26.624 22.584889 0 13.994667-10.410667 22.584889-26.851555 22.584889H516.494222z m-69.745777 21.447111h140.458666a86.016 86.016 0 0 1-141.084444 0h0.625778z" fill="#5A5A5A" p-id="5932"></path><path d="M541.866667 289.962667c10.922667 3.982222 19.342222 12.970667 22.584889 24.120889a222.549333 222.549333 0 0 0-22.584889-24.120889z" fill="#3EA5D2" p-id="5933"></path><path d="M625.265778 747.121778H408.291556a28.216889 28.216889 0 0 1-27.591112-15.530667 302.364444 302.364444 0 0 0-55.296-72.078222l-14.677333-15.530667a416.881778 416.881778 0 0 1-42.439111-55.580444 298.723556 298.723556 0 0 1-47.217778-130.730667v-4.039111A285.866667 285.866667 0 0 1 266.24 263.964444a293.546667 293.546667 0 0 1 121.742222-107.747555 298.268444 298.268444 0 0 1 383.829334 112.924444l2.503111 4.266667 1.536 2.730667v2.048c22.812444 39.822222 35.953778 84.423111 38.4 130.275555v16.896a297.870222 297.870222 0 0 1-69.063111 189.724445 564.508444 564.508444 0 0 1-49.038223 56.206222 212.252444 212.252444 0 0 0-41.301333 57.571555 30.037333 30.037333 0 0 1-29.582222 18.261334z m-136.817778-39.253334h132.778667c12.344889-23.836444 28.501333-45.511111 47.843555-64.113777 16.213333-16.497778 31.288889-34.133333 45.169778-52.622223a259.242667 259.242667 0 0 0 60.074667-166.001777v-14.677334a254.008889 254.008889 0 0 0-33.450667-112.867555v-1.820445l-1.137778-2.275555a259.242667 259.242667 0 0 0-334.848-102.286222A254.919111 254.919111 0 0 0 299.008 285.013333a248.376889 248.376889 0 0 0-39.537778 164.579556v3.185778c4.437333 40.732444 18.545778 79.815111 41.073778 114.005333 11.207111 17.976889 24.007111 34.872889 38.172444 50.631111l14.222223 15.36c22.869333 22.243556 42.666667 47.559111 58.709333 75.093333h76.8z" fill="#5A5A5A" p-id="5934"></path><path d="M459.207111 229.376a45.169778 45.169778 0 0 0-42.894222 39.765333l2.901333 2.275556c11.719111 15.132444 22.528 30.947556 32.312889 47.388444 10.581333 14.961778 16.440889 32.711111 16.668445 51.029334a8.135111 8.135111 0 0 1-8.533334 7.964444 8.533333 8.533333 0 0 1-7.964444-8.874667 74.069333 74.069333 0 0 0-14.392889-41.528888 538.225778 538.225778 0 0 0-30.947556-45.169778 12.629333 12.629333 0 0 1-1.592889-3.584 30.72 30.72 0 0 0-6.542222 0 45.169778 45.169778 0 0 0-43.121778 39.708444 50.346667 50.346667 0 0 0 22.584889 9.272889c9.671111 1.024 19.456 1.024 29.127111 0a8.362667 8.362667 0 0 1 8.533334 8.362667 8.533333 8.533333 0 0 1-8.078222 8.533333h-12.629334a114.915556 114.915556 0 0 1-19.683555-1.308444 64.853333 64.853333 0 0 1-32.483556-13.994667 47.616 47.616 0 0 0-31.402667 45.169778c0 7.338667 1.649778 14.563556 4.721778 21.219555h0.227556c11.605333-0.455111 23.04-3.015111 33.678222-7.68l2.901333-1.137777a46.762667 46.762667 0 0 1 11.548445-4.266667c5.802667-1.479111 11.832889-2.104889 17.806222-1.820445h41.813333a8.533333 8.533333 0 0 1 8.533334 8.533334 8.362667 8.362667 0 0 1-8.533334 8.590222H381.724444a62.976 62.976 0 0 0-13.539555 0 65.024 65.024 0 0 0-9.045333 3.413333l-3.128889 1.365334a118.328889 118.328889 0 0 1-39.537778 8.817777h-0.455111a52.849778 52.849778 0 0 0-5.632 24.120889c0.113778 7.224889 1.592889 14.336 4.266666 21.048889h2.958223c8.533333 0.113778 17.009778-1.592889 24.860444-5.006222a55.068444 55.068444 0 0 0 9.898667-7.224889 52.622222 52.622222 0 0 1 20.138666-11.719111 51.256889 51.256889 0 0 1 39.025778 8.988444c6.826667 3.242667 12.344889 8.533333 15.815111 15.132445a8.533333 8.533333 0 0 1-4.266666 11.320889 8.135111 8.135111 0 0 1-11.093334-4.551111c-1.365333-3.128889-4.721778-4.949333-8.533333-7.395556a39.253333 39.253333 0 0 0-26.453333-7.452444 42.894222 42.894222 0 0 0-13.767111 8.760889 79.075556 79.075556 0 0 1-12.401778 9.102222c-10.296889 4.835556-21.617778 7.168-32.995556 6.712889h-1.820444a52.167111 52.167111 0 0 0-6.769778 25.770666 46.307556 46.307556 0 0 0 43.804444 48.071111 46.535111 46.535111 0 0 0 43.804445 48.355556c3.072 0.227556 6.200889 0.227556 9.272889 0a8.817778 8.817778 0 0 1-1.592889-11.946667c6.826667-9.329778 14.336-18.033778 22.584889-25.998222 8.704-8.647111 19.683556-14.677333 31.630222-17.408 4.551111-1.137778 9.045333 1.934222 9.671111 6.542222 1.137778 4.551111-1.877333 9.159111-6.542222 9.955556a51.029333 51.029333 0 0 0-22.584889 13.084444 150.755556 150.755556 0 0 0-20.48 23.893334 11.093333 11.093333 0 0 1-2.958222 2.730666 46.762667 46.762667 0 0 0 43.804444 48.583111 46.307556 46.307556 0 0 0 43.804445-48.583111V278.186667a45.169778 45.169778 0 0 0-44.259556-48.810667zM453.973333 519.395556a61.44 61.44 0 0 1-24.576 4.949333 64.853333 64.853333 0 0 1-25.998222-4.949333 72.476444 72.476444 0 0 1-35.84-37.717334 8.362667 8.362667 0 0 1 4.494222-10.808889 8.135111 8.135111 0 0 1 11.719111 3.356445c5.006222 12.8 14.791111 23.210667 27.306667 28.899555a45.169778 45.169778 0 0 0 37.034667 0 8.362667 8.362667 0 0 1 11.093333 4.551111 7.907556 7.907556 0 0 1-5.233778 11.719112z m30.037334-42.666667a8.533333 8.533333 0 0 1-8.362667 7.224889h-1.536a8.135111 8.135111 0 0 1-6.997333-9.500445 54.215111 54.215111 0 0 0-7.68-33.848889 162.588444 162.588444 0 0 0-9.500445-15.815111c-3.640889-6.087111-7.452444-12.231111-11.036444-18.773333a8.362667 8.362667 0 1 1 14.620444-7.68c2.958222 5.916444 6.599111 11.548444 10.24 17.408 3.584 5.859556 6.940444 11.264 10.353778 17.180444 8.021333 13.198222 11.548444 28.615111 9.898667 44.032v-0.227555z m234.837333 1.137778a80.782222 80.782222 0 0 1-33.621333-7.224889 77.937778 77.937778 0 0 1-12.856889-9.272889 48.981333 48.981333 0 0 0-14.051556-8.817778 40.391111 40.391111 0 0 0-27.079111 7.907556 20.764444 20.764444 0 0 0-8.817778 7.224889 8.817778 8.817778 0 0 1-11.264 4.551111 8.533333 8.533333 0 0 1-4.551111-11.093334 34.986667 34.986667 0 0 1 16.042667-15.587555 54.613333 54.613333 0 0 1 39.992889-9.500445c7.566222 2.730667 14.563556 6.826667 20.536889 12.231111 3.299556 2.787556 6.769778 5.347556 10.410666 7.68 7.793778 3.413333 16.270222 5.063111 24.803556 4.721778a48.526222 48.526222 0 0 0 6.087111-24.177778 54.840889 54.840889 0 0 0-4.266667-20.764444 116.963556 116.963556 0 0 1-40.163555-9.045333l-2.730667-0.227556a63.032889 63.032889 0 0 0-8.817778-3.413333 67.697778 67.697778 0 0 0-13.767111 0h-42.894222a8.817778 8.817778 0 0 1-8.590222-8.533334 8.817778 8.817778 0 0 1 8.533333-8.533333h42.951111c6.087111-0.284444 12.117333 0.227556 18.090667 1.536 3.925333 1.137778 7.793778 2.56 11.491555 4.266667l2.958223 1.365333c10.24 4.437333 21.162667 6.940444 32.256 7.452445a50.801778 50.801778 0 0 0 5.688889-22.584889 48.981333 48.981333 0 0 0-28.728889-45.169778v1.137778a64.853333 64.853333 0 0 1-33.166223 14.449777 150.186667 150.186667 0 0 1-20.081777 1.365334 116.337778 116.337778 0 0 1-12.686223 0 8.533333 8.533333 0 0 1-8.362666-8.817778 8.362667 8.362667 0 0 1 8.817778-8.135111c10.012444 0.568889 20.081778 0.170667 30.037333-1.137778a50.574222 50.574222 0 0 0 21.447111-7.850667 45.169778 45.169778 0 0 0-43.576889-42.040888h-6.769778a10.808889 10.808889 0 0 1-1.820444 4.096c-11.377778 15.075556-22.016 30.72-31.857778 46.933333a79.246222 79.246222 0 0 0-14.848 42.496 8.362667 8.362667 0 0 1-8.135111 8.760889 8.533333 8.533333 0 0 1-8.590222-8.135111 93.297778 93.297778 0 0 1 17.408-52.337778c9.614222-18.204444 20.309333-35.783111 32.028444-52.622222a4.949333 4.949333 0 0 1 2.275556-2.048 46.762667 46.762667 0 0 0-44.032-40.391111 45.169778 45.169778 0 0 0-43.804445 48.298666v318.805334a45.169778 45.169778 0 0 0 43.804445 48.355555 45.169778 45.169778 0 0 0 43.349333-41.756444q-1.592889 0-2.275555-2.048a200.078222 200.078222 0 0 0-20.764445-24.405334 50.346667 50.346667 0 0 0-23.893333-13.312 9.045333 9.045333 0 0 1-7.054222-10.183111 9.045333 9.045333 0 0 1 10.183111-6.997333c12.231111 2.730667 23.438222 8.931556 32.312889 17.863111 8.305778 8.192 15.872 17.066667 22.584888 26.624 1.194667 1.536 1.820444 3.470222 1.763556 5.404444 1.706667 0.284444 3.470222 0.284444 5.233778 0a45.169778 45.169778 0 0 0 43.804444-48.298666 45.169778 45.169778 0 0 0 43.804445-48.526222 58.026667 58.026667 0 0 0-4.323556-21.048889l-0.455111 0.512z m-152.860444 1.137777a8.533333 8.533333 0 0 1-7.224889 9.671112h-1.365334a8.533333 8.533333 0 0 1-8.533333-7.224889 72.704 72.704 0 0 1 9.443556-45.169778c3.413333-5.859556 6.997333-11.719111 10.183111-17.351111 3.982222-5.688889 7.566222-11.605333 10.581333-17.863111a8.533333 8.533333 0 0 1 15.132444 7.907555c-3.413333 6.997333-7.68 13.084444-11.264 19.171556-3.527111 5.12-6.712889 10.467556-9.500444 16.042666a57.116444 57.116444 0 0 0-7.395556 34.759112z m101.603555 6.712889a72.476444 72.476444 0 0 1-35.441778 38.855111 65.706667 65.706667 0 0 1-26.168889 5.688889 60.074667 60.074667 0 0 1-25.031111-5.233777 8.817778 8.817778 0 0 1-4.778666-11.264 8.817778 8.817778 0 0 1 11.264-4.551112 47.217778 47.217778 0 0 0 37.944889 0 53.76 53.76 0 0 0 27.534222-29.582222 8.533333 8.533333 0 0 1 11.320889-4.551111c3.640889 2.218667 5.12 6.826667 3.413333 10.638222z" fill="#00A1F0" p-id="5935"></path><path d="M545.678222 59.164444q0 2.844444-0.568889 5.632-0.568889 2.730667-1.592889 5.347556-1.137778 2.616889-2.673777 4.949333-1.536 2.389333-3.527111 4.380445-2.048 1.991111-4.380445 3.527111-2.332444 1.592889-4.949333 2.673778-2.616889 1.080889-5.404445 1.649777-2.730667 0.568889-5.575111 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.404444-1.706666-2.616889-1.024-4.949334-2.616889-2.332444-1.536-4.323555-3.527111-1.991111-1.991111-3.584-4.380445-1.592889-2.332444-2.673778-4.949333-1.080889-2.616889-1.592889-5.347556-0.568889-2.844444-0.568889-5.632 0-2.844444 0.568889-5.575111 0.568889-2.787556 1.592889-5.404444 1.137778-2.616889 2.673778-4.949333 1.592889-2.332444 3.584-4.323556 1.991111-1.991111 4.323555-3.584 2.332444-1.536 4.949334-2.616889 2.616889-1.137778 5.404444-1.706667 2.730667-0.512 5.575111-0.512t5.575111 0.568889q2.844444 0.568889 5.404445 1.649778 2.616889 1.080889 4.949333 2.616889 2.332444 1.592889 4.380445 3.584 1.991111 1.991111 3.527111 4.323556 1.592889 2.332444 2.673777 4.949333 1.080889 2.616889 1.592889 5.404444 0.568889 2.787556 0.568889 5.575111zM416.369778 82.033778q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.649778 5.347555-1.080889 2.616889-2.616889 5.006223-1.592889 2.275556-3.584 4.323555-1.991111 1.991111-4.323555 3.584-2.389333 1.536-4.949334 2.616889-2.616889 1.137778-5.404444 1.649778-2.787556 0.568889-5.575111 0.568889-2.844444 0-5.632-0.568889-2.730667-0.568889-5.347556-1.649778-2.616889-1.080889-4.949333-2.616889-2.389333-1.592889-4.380445-3.584-1.991111-1.991111-3.584-4.323555-1.536-2.389333-2.616888-5.006223-1.137778-2.56-1.649778-5.347555-0.568889-2.787556-0.568889-5.575111 0-2.844444 0.568889-5.632 0.568889-2.730667 1.649778-5.347556 1.080889-2.616889 2.616888-4.949333 1.592889-2.389333 3.584-4.380445 1.991111-1.991111 4.380445-3.584 2.275556-1.536 4.949333-2.616888 2.616889-1.137778 5.347556-1.649778 2.787556-0.568889 5.632-0.568889t5.575111 0.568889q2.787556 0.568889 5.404444 1.649778 2.56 1.080889 4.949334 2.616888 2.332444 1.592889 4.323555 3.584 1.991111 1.991111 3.584 4.380445 1.536 2.275556 2.616889 4.949333 1.137778 2.616889 1.649778 5.347556 0.568889 2.787556 0.568889 5.632zM302.933333 147.683556q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.649777 5.404444-1.080889 2.616889-2.616889 4.949333-1.592889 2.332444-3.584 4.323556-1.991111 1.991111-4.323556 3.584-2.389333 1.592889-5.006222 2.673778-2.56 1.080889-5.347556 1.592889-2.787556 0.568889-5.632 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.347555-1.592889-2.616889-1.137778-5.006222-2.673778-2.275556-1.592889-4.323556-3.584-1.991111-1.991111-3.584-4.323556-1.536-2.332444-2.616889-4.949333-1.137778-2.616889-1.649778-5.404444-0.568889-2.730667-0.568889-5.575111t0.568889-5.575112q0.568889-2.844444 1.649778-5.404444 1.080889-2.616889 2.616889-4.949333 1.592889-2.332444 3.584-4.380445 1.991111-1.991111 4.323556-3.527111 2.389333-1.592889 5.006222-2.673778 2.56-1.080889 5.347555-1.649777 2.787556-0.568889 5.575111-0.568889 2.844444 0 5.632 0.568889t5.347556 1.706666q2.616889 1.024 5.006222 2.616889 2.275556 1.536 4.323556 3.527111 1.991111 2.048 3.584 4.380445 1.536 2.332444 2.616889 4.949333 1.137778 2.616889 1.649777 5.404444 0.568889 2.730667 0.568889 5.575112zM218.567111 248.149333q0 2.844444-0.568889 5.632t-1.592889 5.347556q-1.137778 2.616889-2.673777 5.006222-1.536 2.275556-3.527112 4.323556-2.048 1.991111-4.380444 3.584-2.332444 1.536-4.949333 2.616889-2.616889 1.137778-5.404445 1.649777-2.730667 0.568889-5.575111 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.404444-1.649777-2.616889-1.080889-4.949334-2.616889-2.332444-1.592889-4.323555-3.584-1.991111-1.991111-3.584-4.323556-1.592889-2.389333-2.673778-5.006222-1.080889-2.56-1.592889-5.347556-0.568889-2.787556-0.568889-5.632t0.568889-5.575111q0.568889-2.787556 1.592889-5.347555 1.137778-2.616889 2.673778-5.006223 1.592889-2.275556 3.584-4.323555 1.991111-1.991111 4.323555-3.584 2.332444-1.536 4.949334-2.616889 2.616889-1.137778 5.404444-1.649778 2.730667-0.568889 5.575111-0.568889t5.575111 0.568889q2.844444 0.568889 5.404445 1.649778 2.616889 1.080889 4.949333 2.616889 2.332444 1.592889 4.380444 3.584 1.991111 1.991111 3.527112 4.323555 1.592889 2.389333 2.673777 5.006223 1.080889 2.56 1.592889 5.347555 0.568889 2.787556 0.568889 5.575111zM173.568 371.2q0 2.844444-0.568889 5.575111-0.568889 2.844444-1.592889 5.404445-1.137778 2.616889-2.673778 4.949333-1.536 2.332444-3.527111 4.380444-1.991111 1.991111-4.380444 3.527111-2.332444 1.592889-4.949333 2.673778-2.616889 1.080889-5.404445 1.649778-2.730667 0.568889-5.575111 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.404445-1.649778-2.616889-1.080889-4.949333-2.673778-2.332444-1.536-4.380444-3.527111-1.991111-2.048-3.527111-4.380444-1.592889-2.332444-2.673778-4.949333-1.080889-2.616889-1.649778-5.404445-0.568889-2.730667-0.568889-5.575111t0.568889-5.575111q0.568889-2.844444 1.706667-5.404445 1.024-2.616889 2.616889-4.949333 1.536-2.389333 3.527111-4.380444 2.048-1.991111 4.380444-3.527111 2.332444-1.592889 4.949333-2.673778 2.616889-1.137778 5.404445-1.649778 2.730667-0.568889 5.575111-0.568889t5.575111 0.568889q2.844444 0.568889 5.404445 1.649778 2.616889 1.080889 4.949333 2.673778 2.389333 1.536 4.380444 3.527111 1.991111 1.991111 3.527111 4.380444 1.592889 2.332444 2.673778 4.949333 1.080889 2.616889 1.649778 5.404445 0.568889 2.730667 0.568889 5.575111zM173.568 502.328889q0 2.844444-0.568889 5.632t-1.592889 5.404444q-1.137778 2.616889-2.673778 4.949334-1.536 2.332444-3.527111 4.323555-1.991111 1.991111-4.380444 3.584-2.332444 1.592889-4.949333 2.673778-2.616889 1.080889-5.404445 1.592889-2.730667 0.568889-5.575111 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.404445-1.592889-2.616889-1.137778-4.949333-2.673778-2.332444-1.592889-4.380444-3.584-1.991111-1.991111-3.527111-4.323555-1.592889-2.332444-2.673778-4.949334-1.080889-2.616889-1.649778-5.404444-0.568889-2.787556-0.568889-5.575111 0-2.844444 0.568889-5.632t1.706667-5.347556q1.024-2.616889 2.616889-5.006222 1.536-2.332444 3.527111-4.323556 2.048-1.991111 4.380444-3.584 2.332444-1.536 4.949333-2.616888 2.616889-1.137778 5.404445-1.706667 2.730667-0.512 5.575111-0.512t5.575111 0.568889q2.844444 0.568889 5.404445 1.649778 2.616889 1.080889 4.949333 2.616888 2.389333 1.592889 4.380444 3.584 1.991111 1.991111 3.527111 4.323556 1.592889 2.389333 2.673778 5.006222 1.080889 2.56 1.649778 5.347556 0.568889 2.787556 0.568889 5.632zM218.567111 625.664q0 2.844444-0.568889 5.632-0.568889 2.730667-1.592889 5.347556-1.137778 2.616889-2.673777 4.949333-1.536 2.389333-3.527112 4.380444-2.048 1.991111-4.380444 3.527111-2.332444 1.592889-4.949333 2.673778-2.616889 1.080889-5.404445 1.649778-2.730667 0.568889-5.575111 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.404444-1.706667-2.616889-1.024-4.949334-2.616889-2.332444-1.536-4.323555-3.527111-1.991111-1.991111-3.584-4.380444-1.592889-2.332444-2.673778-4.949333-1.080889-2.616889-1.592889-5.347556-0.568889-2.844444-0.568889-5.632 0-2.844444 0.568889-5.575111 0.568889-2.787556 1.592889-5.404445 1.137778-2.616889 2.673778-4.949333 1.592889-2.332444 3.584-4.323555 1.991111-1.991111 4.323555-3.584 2.332444-1.536 4.949334-2.616889 2.616889-1.137778 5.404444-1.706667 2.730667-0.512 5.575111-0.512t5.575111 0.568889q2.844444 0.568889 5.404445 1.649778 2.616889 1.080889 4.949333 2.616889 2.332444 1.592889 4.380444 3.584 1.991111 1.991111 3.527112 4.323555 1.592889 2.332444 2.673777 4.949333 1.080889 2.616889 1.592889 5.404445 0.568889 2.787556 0.568889 5.575111zM302.933333 726.186667q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.649777 5.404444-1.080889 2.616889-2.616889 4.949334-1.592889 2.332444-3.584 4.323555-1.991111 1.991111-4.323556 3.584-2.389333 1.592889-5.006222 2.673778-2.56 1.080889-5.347556 1.592889-2.787556 0.568889-5.632 0.568889t-5.575111-0.568889q-2.787556-0.568889-5.347555-1.592889-2.616889-1.137778-5.006222-2.673778-2.275556-1.592889-4.323556-3.584-1.991111-1.991111-3.584-4.323555-1.536-2.332444-2.616889-4.949334-1.137778-2.616889-1.649778-5.404444-0.568889-2.787556-0.568889-5.575111 0-2.844444 0.568889-5.632 0.568889-2.730667 1.649778-5.347556 1.080889-2.616889 2.616889-4.949333 1.592889-2.389333 3.584-4.380445 1.991111-1.991111 4.323556-3.527111 2.389333-1.592889 5.006222-2.673778 2.56-1.080889 5.347555-1.649777 2.787556-0.568889 5.575111-0.568889 2.844444 0 5.632 0.568889t5.347556 1.706666q2.616889 1.024 5.006222 2.616889 2.275556 1.536 4.323556 3.527111 1.991111 1.991111 3.584 4.380445 1.536 2.332444 2.616889 4.949333 1.137778 2.616889 1.649777 5.347556 0.568889 2.844444 0.568889 5.632zM788.48 726.186667q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.649778 5.404444-1.080889 2.616889-2.616889 4.949334-1.592889 2.332444-3.584 4.323555-1.991111 1.991111-4.323555 3.584-2.389333 1.592889-4.949333 2.673778-2.616889 1.080889-5.404445 1.592889-2.787556 0.568889-5.575111 0.568889-2.844444 0-5.632-0.568889-2.730667-0.568889-5.347556-1.592889-2.616889-1.137778-4.949333-2.673778-2.389333-1.592889-4.380444-3.584-1.991111-1.991111-3.527111-4.323555-1.592889-2.332444-2.673778-4.949334-1.137778-2.616889-1.649778-5.404444-0.568889-2.787556-0.568889-5.575111 0-2.844444 0.568889-5.632 0.568889-2.730667 1.649778-5.347556 1.080889-2.616889 2.673778-4.949333 1.536-2.389333 3.527111-4.380445 1.991111-1.991111 4.380444-3.527111 2.275556-1.592889 4.949333-2.673778 2.616889-1.080889 5.347556-1.649777 2.787556-0.568889 5.632-0.568889t5.575111 0.568889q2.787556 0.568889 5.404445 1.706666 2.56 1.024 4.949333 2.616889 2.332444 1.536 4.323555 3.527111 1.991111 1.991111 3.584 4.380445 1.536 2.332444 2.616889 4.949333 1.137778 2.616889 1.649778 5.347556 0.568889 2.844444 0.568889 5.632zM872.675556 625.664q0 2.844444-0.568889 5.632-0.568889 2.730667-1.592889 5.347556-1.137778 2.616889-2.673778 4.949333-1.536 2.389333-3.527111 4.380444-2.048 1.991111-4.380445 3.527111-2.332444 1.592889-4.949333 2.673778-2.616889 1.080889-5.404444 1.649778-2.730667 0.568889-5.575111 0.568889t-5.575112-0.568889q-2.787556-0.568889-5.404444-1.706667-2.616889-1.024-4.949333-2.616889-2.332444-1.536-4.323556-3.527111-1.991111-1.991111-3.584-4.380444-1.592889-2.332444-2.673778-4.949333-1.080889-2.616889-1.592889-5.347556-0.568889-2.844444-0.568888-5.632 0-2.844444 0.568888-5.575111 0.568889-2.787556 1.592889-5.404445 1.137778-2.616889 2.673778-4.949333 1.592889-2.332444 3.584-4.323555 1.991111-1.991111 4.323556-3.584 2.332444-1.536 4.949333-2.616889 2.616889-1.137778 5.404444-1.706667 2.730667-0.512 5.575112-0.512t5.575111 0.568889q2.844444 0.568889 5.404444 1.649778 2.616889 1.080889 4.949333 2.616889 2.332444 1.592889 4.380445 3.584 1.991111 1.991111 3.527111 4.323555 1.592889 2.332444 2.673778 4.949333 1.080889 2.616889 1.649778 5.404445 0.568889 2.787556 0.568888 5.575111zM917.617778 502.442667q0 2.844444-0.568889 5.632-0.568889 2.730667-1.706667 5.347555-1.024 2.616889-2.616889 4.949334-1.536 2.389333-3.527111 4.380444-1.991111 1.991111-4.380444 3.527111-2.332444 1.592889-4.949334 2.673778-2.616889 1.080889-5.347555 1.649778-2.844444 0.568889-5.632 0.568889-2.844444 0-5.575111-0.568889-2.787556-0.568889-5.404445-1.706667-2.616889-1.024-4.949333-2.616889-2.332444-1.536-4.323556-3.527111-1.991111-1.991111-3.584-4.380444-1.592889-2.332444-2.673777-4.949334-1.080889-2.616889-1.592889-5.347555-0.568889-2.844444-0.568889-5.632 0-2.844444 0.568889-5.575111 0.568889-2.787556 1.592889-5.404445 1.137778-2.616889 2.673777-4.949333 1.592889-2.332444 3.584-4.323556 1.991111-1.991111 4.323556-3.584 2.332444-1.592889 4.949333-2.673778 2.616889-1.080889 5.404445-1.592888 2.787556-0.568889 5.575111-0.568889 2.844444 0 5.632 0.568889 2.730667 0.568889 5.347555 1.592888 2.616889 1.137778 4.949334 2.673778 2.389333 1.592889 4.380444 3.584 1.991111 1.991111 3.527111 4.323556 1.592889 2.332444 2.673778 4.949333 1.080889 2.616889 1.649778 5.404445 0.568889 2.787556 0.568889 5.575111zM917.617778 371.256889q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.706667 5.347556-1.024 2.616889-2.616889 5.006222-1.536 2.275556-3.527111 4.323555-1.991111 1.991111-4.380444 3.584-2.332444 1.536-4.949334 2.616889-2.616889 1.137778-5.347555 1.649778-2.844444 0.568889-5.632 0.568889-2.844444 0-5.575111-0.568889-2.787556-0.568889-5.404445-1.649778-2.616889-1.080889-4.949333-2.616889-2.332444-1.592889-4.323556-3.584-1.991111-1.991111-3.584-4.323555-1.592889-2.389333-2.673777-5.006222-1.080889-2.56-1.592889-5.347556-0.568889-2.787556-0.568889-5.575111 0-2.844444 0.568889-5.632 0.568889-2.730667 1.592889-5.347556 1.137778-2.616889 2.673777-4.949333 1.592889-2.389333 3.584-4.380444 1.991111-1.991111 4.323556-3.584 2.332444-1.536 4.949333-2.616889 2.616889-1.137778 5.404445-1.649778 2.787556-0.568889 5.575111-0.568889 2.844444 0 5.632 0.568889 2.730667 0.568889 5.347555 1.649778 2.616889 1.080889 4.949334 2.616889 2.389333 1.592889 4.380444 3.584 1.991111 1.991111 3.527111 4.380444 1.592889 2.275556 2.673778 4.949333 1.080889 2.616889 1.649778 5.347556 0.568889 2.787556 0.568889 5.632zM872.675556 248.149333q0 2.844444-0.568889 5.632t-1.592889 5.347556q-1.137778 2.616889-2.673778 5.006222-1.536 2.275556-3.527111 4.323556-2.048 1.991111-4.380445 3.584-2.332444 1.536-4.949333 2.616889-2.616889 1.137778-5.404444 1.649777-2.730667 0.568889-5.575111 0.568889t-5.575112-0.568889q-2.787556-0.568889-5.404444-1.649777-2.616889-1.080889-4.949333-2.616889-2.332444-1.592889-4.323556-3.584-1.991111-1.991111-3.584-4.323556-1.592889-2.389333-2.673778-5.006222-1.080889-2.56-1.592889-5.347556-0.568889-2.787556-0.568888-5.632t0.568888-5.575111q0.568889-2.787556 1.592889-5.347555 1.137778-2.616889 2.673778-5.006223 1.592889-2.275556 3.584-4.323555 1.991111-1.991111 4.323556-3.584 2.332444-1.536 4.949333-2.616889 2.616889-1.137778 5.404444-1.649778 2.730667-0.568889 5.575112-0.568889t5.575111 0.568889q2.844444 0.568889 5.404444 1.649778 2.616889 1.080889 4.949333 2.616889 2.332444 1.592889 4.380445 3.584 1.991111 1.991111 3.527111 4.323555 1.592889 2.389333 2.673778 5.006223 1.080889 2.56 1.649778 5.347555 0.568889 2.787556 0.568888 5.575111zM788.48 147.683556q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.649778 5.404444-1.080889 2.616889-2.616889 4.949333-1.592889 2.332444-3.584 4.323556-1.991111 1.991111-4.323555 3.584-2.389333 1.592889-4.949333 2.673778-2.616889 1.080889-5.404445 1.592889-2.787556 0.568889-5.575111 0.568889-2.844444 0-5.632-0.568889-2.730667-0.568889-5.347556-1.592889-2.616889-1.137778-4.949333-2.673778-2.389333-1.592889-4.380444-3.584-1.991111-1.991111-3.527111-4.323556-1.592889-2.332444-2.673778-4.949333-1.137778-2.616889-1.649778-5.404444-0.568889-2.730667-0.568889-5.575111t0.568889-5.575112q0.568889-2.844444 1.649778-5.404444 1.080889-2.616889 2.673778-4.949333 1.536-2.332444 3.527111-4.380445 1.991111-1.991111 4.380444-3.527111 2.275556-1.592889 4.949333-2.673778 2.616889-1.080889 5.347556-1.649777 2.787556-0.568889 5.632-0.568889t5.575111 0.568889q2.787556 0.568889 5.404445 1.706666 2.56 1.024 4.949333 2.616889 2.332444 1.536 4.323555 3.527111 1.991111 2.048 3.584 4.380445 1.536 2.332444 2.616889 4.949333 1.137778 2.616889 1.649778 5.404444 0.568889 2.730667 0.568889 5.575112zM674.929778 82.033778q0 2.844444-0.568889 5.575111-0.568889 2.787556-1.649778 5.347555-1.080889 2.616889-2.616889 5.006223-1.592889 2.275556-3.584 4.323555-1.991111 1.991111-4.323555 3.584-2.389333 1.536-5.006223 2.616889-2.56 1.137778-5.347555 1.649778-2.787556 0.568889-5.575111 0.568889-2.844444 0-5.632-0.568889-2.730667-0.568889-5.347556-1.649778-2.616889-1.080889-5.006222-2.616889-2.275556-1.592889-4.323556-3.584-1.991111-1.991111-3.584-4.323555-1.536-2.389333-2.616888-5.006223-1.137778-2.56-1.649778-5.347555-0.568889-2.787556-0.568889-5.575111 0-2.844444 0.568889-5.632 0.568889-2.730667 1.649778-5.347556 1.080889-2.616889 2.616888-4.949333 1.592889-2.389333 3.584-4.380445 1.991111-1.991111 4.323556-3.584 2.389333-1.536 5.006222-2.616888 2.616889-1.137778 5.347556-1.649778 2.787556-0.568889 5.632-0.568889t5.575111 0.568889q2.787556 0.568889 5.347555 1.649778 2.616889 1.080889 5.006223 2.616888 2.275556 1.592889 4.323555 3.584 1.991111 1.991111 3.584 4.380445 1.536 2.275556 2.616889 4.949333 1.137778 2.616889 1.649778 5.347556 0.568889 2.787556 0.568889 5.632z" fill="#5A5A5A" p-id="5936"></path></svg>
            创作中心
          </router-link>

          <router-link to="" @click="handleLogout()" class="mobile-nav-link sub-menu">
            <svg t="1753321766920" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="43385" width="200" height="200">
              <path
                  d="M447.409231 534.055385m-419.84 0a419.84 419.84 0 1 0 839.68 0 419.84 419.84 0 1 0-839.68 0Z"
                  fill="#EAEAEA" p-id="43386"></path>
              <path d="M245.76 763.273846h638.818462v28.356923H245.76z" fill="#284F84" p-id="43387">
              </path>
              <path
                  d="M894.818462 800.295385H236.307692v-47.261539h657.723077l0.787693 47.261539z m-639.606154-18.904616h619.913846V771.938462H255.212308v9.452307zM419.052308 212.676923h120.516923v28.356923H419.052308z"
                  fill="#284F84" p-id="43388"></path>
              <path
                  d="M549.021538 250.486154H409.6v-47.261539h139.421538v47.261539z m-120.516923-18.904616h101.612308v-9.452307H428.504615v9.452307zM330.830769 127.606154h207.950769v28.356923H330.830769z"
                  fill="#284F84" p-id="43389"></path>
              <path
                  d="M549.021538 164.627692H321.378462v-47.261538h226.855384l0.787692 47.261538z m-208.738461-18.904615h189.046154v-9.452308h-189.046154v9.452308z"
                  fill="#284F84" p-id="43390"></path>
              <path d="M330.830769 137.846154h28.356923v113.427692H330.830769z" fill="#284F84"
                    p-id="43391">
              </path>
              <path
                  d="M368.64 260.726154h-47.261538V128.393846h47.261538v132.332308z m-28.356923-18.904616h9.452308v-94.523076h-9.452308v94.523076zM419.052308 222.916923h28.356923v82.707692h-28.356923z"
                  fill="#284F84" p-id="43392"></path>
              <path
                  d="M456.861538 315.076923h-47.261538V213.464615h47.261538V315.076923z m-28.356923-18.904615h9.452308v-63.803077h-9.452308v63.803077zM151.236923 763.273846h28.356923v28.356923h-28.356923z"
                  fill="#284F84" p-id="43393"></path>
              <path
                  d="M189.046154 800.295385h-47.261539v-47.261539h47.261539v47.261539z m-28.356923-18.904616h9.452307V771.938462h-9.452307v9.452307zM951.532308 763.273846h28.356923v28.356923h-28.356923z"
                  fill="#284F84" p-id="43394"></path>
              <path
                  d="M989.341538 800.295385h-47.261538v-47.261539h47.261538v47.261539z m-28.356923-18.904616h9.452308V771.938462H960.984615v9.452307z"
                  fill="#284F84" p-id="43395"></path>
              <path d="M419.052308 629.366154h28.356923v144.147692h-28.356923z" fill="#284F84"
                    p-id="43396">
              </path>
              <path
                  d="M456.861538 783.753846h-47.261538V620.701538h47.261538v163.052308z m-28.356923-18.904615h9.452308V639.606154h-9.452308v125.243077z"
                  fill="#284F84" p-id="43397"></path>
              <path d="M331.618462 693.169231h28.356923v82.707692h-28.356923z" fill="#284F84"
                    p-id="43398">
              </path>
              <path
                  d="M368.64 785.329231h-47.261538V683.716923h47.261538v101.612308z m-28.356923-18.904616h9.452308v-63.803077h-9.452308v63.803077z"
                  fill="#284F84" p-id="43399"></path>
              <path
                  d="M276.48 666.387692V569.501538H58.289231V382.818462H275.692308V281.206154c0-3.150769 3.150769-3.938462 5.513846-2.363077l180.381538 194.56c0.787692 1.575385 0.787692 3.150769 0 3.938461L281.993846 668.750769c-1.575385 2.363077-5.513846 0.787692-5.513846-2.363077z"
                  fill="#9ED4FF" p-id="43400"></path>
              <path
                  d="M279.630769 678.990769c-1.575385 0-3.150769 0-4.726154-0.787692-4.726154-1.575385-7.876923-6.301538-7.876923-11.815385V578.953846H48.836923V373.366154h217.403077V281.206154c0-5.513846 3.150769-9.452308 7.876923-11.815385 4.726154-1.575385 10.24-0.787692 14.178462 3.150769l180.381538 194.56c4.726154 4.726154 4.726154 12.603077 0 17.329231L289.083077 675.052308c-2.363077 2.363077-5.513846 3.938462-9.452308 3.938461z m6.301539-12.603077zM67.741538 560.049231h218.19077v90.584615l164.627692-174.867692-165.415385-178.806154v94.523077H67.741538v168.566154z m386.756924-88.221539z"
                  fill="#284F84" p-id="43401"></path>
              <path
                  d="M279.630769 683.716923c-2.363077 0-3.938462-0.787692-6.301538-1.575385-6.301538-2.363077-11.027692-8.664615-11.027693-15.753846V583.68H44.110769V368.64h217.403077V281.206154c0-7.089231 4.726154-13.390769 11.027692-15.753846 6.301538-2.363077 14.178462-0.787692 18.904616 4.726154L471.827692 464.738462c6.301538 6.301538 6.301538 17.329231 0 23.630769L292.233846 678.203077c-3.150769 3.938462-7.876923 5.513846-12.603077 5.513846z m11.027693-17.329231zM72.467692 555.323077h218.19077v83.495385l153.6-163.052308-154.387693-166.203077v87.433846H72.467692v158.326154z m378.88-71.68z"
                  fill="#284F84" p-id="43402"></path>
              <path
                  d="M279.630769 693.169231c-3.150769 0-7.089231-0.787692-10.24-1.575385-10.24-3.938462-16.541538-14.178462-16.541538-25.206154v-74.043077H34.658462V359.187692H252.061538v-77.981538c0-11.027692 7.089231-20.48 17.329231-25.206154 10.24-3.938462 22.055385-1.575385 29.144616 7.089231l180.381538 194.56c9.452308 10.24 9.452308 25.993846 0 36.233846L299.323077 685.292308c-4.726154 4.726154-11.815385 7.876923-19.692308 7.876923zM53.563077 574.227692h218.190769v92.16c0 3.150769 1.575385 6.301538 4.726154 7.089231 3.150769 1.575385 6.301538 0.787692 8.664615-1.575385l4.726154-5.513846h-9.452307 9.452307L464.738462 481.28c3.150769-3.150769 3.150769-7.876923 0-11.027692L285.144615 276.48c-2.363077-2.363077-5.513846-3.150769-8.664615-2.363077-3.150769 1.575385-4.726154 3.938462-4.726154 7.089231V378.092308H53.563077v196.135384z m227.643077 88.221539V563.987692H63.015385V387.544615h217.403077v-102.4L456.861538 475.766154 281.206154 662.449231zM81.92 545.870769h218.190769v69.316923l131.544616-139.421538-132.332308-141.784616v73.255385H81.92v138.633846z m362.338462-56.713846z"
                  fill="#284F84" p-id="43403"></path>
              <path
                  d="M827.864615 819.2l-270.178461 103.187692c-5.513846 1.575385-11.027692-1.575385-11.027692-7.08923V69.316923c0-5.513846 5.513846-9.452308 10.24-7.089231L827.076923 162.264615c3.150769 0.787692 5.513846 3.938462 5.513846 7.089231V811.323077c0 3.150769-1.575385 6.301538-4.726154 7.876923z"
                  fill="#FFFFFF" p-id="43404"></path>
              <path
                  d="M554.535385 946.018462c-6.301538 0-12.603077-1.575385-18.116923-5.513847-8.664615-5.513846-13.390769-15.753846-13.39077-25.993846V69.316923c0-10.24 4.726154-19.692308 13.39077-25.993846 8.664615-5.513846 18.904615-7.089231 29.144615-3.938462l270.178461 100.036923c12.603077 4.726154 20.48 16.541538 20.48 29.932308V811.323077c0 12.603077-7.876923 24.418462-20.48 29.144615l-270.178461 103.187693c-3.150769 1.575385-7.089231 2.363077-11.027692 2.363077z m15.753846-854.646154v800.295384l238.670769-91.372307V179.593846L570.289231 91.372308z"
                  fill="#284F84" p-id="43405"></path>
              <path
                  d="M618.338462 529.329231v-62.227693c0-5.513846 3.938462-9.452308 9.452307-9.452307h9.452308c5.513846 0 9.452308 3.938462 9.452308 9.452307v62.227693c0 5.513846-3.938462 9.452308-9.452308 9.452307h-9.452308c-5.513846 0-9.452308-3.938462-9.452307-9.452307z"
                  fill="#284F84" p-id="43406"></path>
              <path
                  d="M637.243077 548.233846h-9.452308c-10.24 0-18.904615-8.664615-18.904615-18.904615v-62.227693c0-10.24 8.664615-18.904615 18.904615-18.904615h9.452308c10.24 0 18.904615 8.664615 18.904615 18.904615v62.227693c0 10.24-8.664615 18.904615-18.904615 18.904615z m-9.452308-81.132308v62.227693h9.452308v-62.227693h-9.452308z"
                  fill="#284F84" p-id="43407"></path>
              <path
                  d="M605.735385 545.870769l14.966153-25.993846c2.363077-4.726154 8.664615-6.301538 12.603077-3.150769l7.876923 4.726154c4.726154 2.363077 6.301538 8.664615 3.15077 12.603077L630.153846 560.049231c-2.363077 4.726154-8.664615 6.301538-12.603077 3.150769l-7.876923-4.726154c-4.726154-2.363077-6.301538-7.876923-3.938461-12.603077z"
                  fill="#284F84" p-id="43408"></path>
              <path
                  d="M622.276923 574.227692c-3.150769 0-6.301538-0.787692-9.452308-2.363077l-7.876923-4.726153c-8.664615-5.513846-11.815385-16.541538-7.08923-25.993847l14.966153-25.993846c2.363077-4.726154 6.301538-7.876923 11.815385-8.664615 4.726154-1.575385 10.24-0.787692 14.178462 1.575384l7.876923 4.726154c4.726154 2.363077 7.876923 6.301538 8.664615 11.815385 1.575385 4.726154 0.787692 10.24-1.575385 14.178461l-14.966153 25.993847c-2.363077 4.726154-6.301538 7.876923-11.815385 8.664615-1.575385 0.787692-3.150769 0.787692-4.726154 0.787692z m-8.664615-23.630769l7.876923 4.726154 14.966154-25.993846-7.876923-4.726154-14.966154 25.993846z"
                  fill="#284F84" p-id="43409"></path>
              <path
                  d="M645.12 462.375385L630.153846 435.593846c-2.363077-4.726154-8.664615-6.301538-12.603077-3.150769l-7.876923 4.726154c-4.726154 2.363077-6.301538 8.664615-3.150769 12.603077l14.966154 25.993846c2.363077 4.726154 8.664615 6.301538 12.603077 3.150769l7.876923-4.726154c4.726154-1.575385 6.301538-7.089231 3.150769-11.815384z"
                  fill="#284F84" p-id="43410"></path>
              <path
                  d="M629.366154 490.732308c-1.575385 0-3.150769 0-4.726154-0.787693-4.726154-1.575385-8.664615-4.726154-11.815385-8.664615l-14.966153-25.993846c-5.513846-8.664615-2.363077-20.48 7.08923-25.993846l7.876923-4.726154c4.726154-2.363077 9.452308-3.150769 14.178462-1.575385 4.726154 1.575385 8.664615 4.726154 11.815385 8.664616l14.966153 25.993846c2.363077 4.726154 3.150769 9.452308 1.575385 14.178461-1.575385 4.726154-4.726154 8.664615-8.664615 11.815385l-7.876923 4.726154c-3.150769 1.575385-6.301538 2.363077-9.452308 2.363077z m-7.089231-50.412308l-7.876923 4.726154 14.966154 25.993846 7.876923-4.726154-14.966154-25.993846z"
                  fill="#284F84" p-id="43411"></path>
            </svg>
            &nbsp;退出登录
          </router-link>
        </div>
      </div>
    </div>
  </a-drawer>
</template>

<script setup lang="js">
import {logout} from '@/api/user';
import {useUserStore} from '@/stores/user';
import {AppstoreOutlined} from '@ant-design/icons-vue';
import {computed, onMounted, onUnmounted, ref, watch} from 'vue';
import {useRoute, useRouter} from 'vue-router';
import {message} from "ant-design-vue";

const route = useRoute();
const router = useRouter();
const userStore = useUserStore();
// 是否展示子菜单 - 移动端
const isShowSubMenu = ref(false);
// 移动端菜单状态
const menuOpen = ref(false);
// 导航栏滚动效果
const navbar = ref(null);
let lastScrollTop = ref(0);
// 滚动距离的分界线
const gapScrollVal = ref(400);
// 昵称
const nickName = ref('');
// 头像
const avatar = ref('');
// 切换菜单状态
const toggleMenu = () => {
  menuOpen.value = !menuOpen.value;
};
// 左侧菜单栏宽度 - 移动端
const drawWidth = ref(0);
// 展示子菜单 - 移动端
const showSubMenu = () => {
  isShowSubMenu.value = !isShowSubMenu.value;
}
const handleResize = () => {
  drawWidth.value = window.innerWidth * 0.8
};
watch(() => route.path, () => {
  console.log('route.path', route.path);
  menuOpen.value = false;
})
// 滚动事件处理
const handleScroll = () => {
  if (!navbar.value) {
    return;
  }
  // 获取当前滚动位置
  const scrollTop = window.scrollY || document.documentElement.scrollTop;

  // 滚动时背景变化
  if (scrollTop > gapScrollVal.value) {
    navbar.value.classList.remove('transparent');
    navbar.value.classList.remove('not-transparent');
    navbar.value.classList.add('scrolled');
  } else if (route.path === '/' || route.path === '/home') {
    navbar.value.classList.remove('not-transparent');
    navbar.value.classList.remove('scrolled');
    navbar.value.classList.add('transparent');
  } else {
    navbar.value.classList.remove('transparent');
    navbar.value.classList.remove('scrolled');
    navbar.value.classList.add('not-transparent');
  }

  if (scrollTop <= 10) {
    // 滑动到顶部，显示导航栏，适配safari浏览器上滑动到顶部回弹的问题
    navbar.value.classList.remove('hidden');
  } else {
    // 向上滚动时显示导航栏，向下滚动时隐藏
    if (scrollTop > lastScrollTop.value) {
      // 向下滚动
      setTimeout(() => {
        if (navbar.value) {
          navbar.value.classList.add('hidden');
        }
      }, 50);
    } else {
      // 向上滚动
      navbar.value.classList.remove('hidden');
    }
  }
  lastScrollTop.value = scrollTop;
};

// 菜单栏文本颜色
const scrollHeaderTextColor = computed(() => {
  return lastScrollTop.value > gapScrollVal.value ? '#000' : '#fff';
});

// 菜单栏背景hover颜色
const scrollHeaderBackgroundColor = computed(() => {
  return lastScrollTop.value > gapScrollVal.value ? '#fff' : 'rgba(0, 0, 0, 0.5)';
});

const onClose = () => {
  menuOpen.value = false;
};

// 退出登录
const handleLogout = () => {
  logout().then(res => {
    if (res.code === 200) {
      userStore.logout()
      localStorage.removeItem('userId');
      localStorage.removeItem('avatar');
      localStorage.removeItem('nickName');
      localStorage.removeItem('userName');
      localStorage.removeItem('token');
      localStorage.removeItem('password');
      localStorage.removeItem('remember');
      router.push('/login')
    }
  })
}

const jumpToArticleAddPage = () => {
  if (!localStorage.getItem('token')) {
    message.error('请先登录');
    return;
  }
  router.push('/article/edit?pageType=0');
}

onMounted(() => {
  nickName.value = localStorage.getItem('nickName');
  avatar.value = localStorage.getItem('avatar');

  window.addEventListener('scroll', handleScroll);
  window.addEventListener('resize', handleResize);

  if (drawWidth.value <= 0) {
    drawWidth.value = window.innerWidth * 0.8;
  }
});

watch(() => userStore.avatar, () => {
  userStore.setAvatar(localStorage.getItem('avatar'))
  avatar.value = localStorage.getItem('avatar');
});

watch(() => userStore.nickName, () => {
  userStore.setAvatar(localStorage.getItem('nickName'))
  nickName.value = localStorage.getItem('nickName');
});

watch(() => route.path, (path) => {
  handleScroll();
  nickName.value = localStorage.getItem('nickName');
  avatar.value = localStorage.getItem('avatar');
});


onUnmounted(() => {
  window.removeEventListener('scroll', handleScroll);
});
</script>

<style scoped lang="less">
.login-class {
  background-color: #d85a1b;
  border-radius: 50%;
  width: 40px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 12px;
}

.avatar-container {
  margin-right: 5px;
}

/* 导航栏样式 */
.navbar {
  position: fixed;
  width: 100%;
  top: 0;
  // z-index: 10000;
  z-index: 1000;
  transition: 0.2s linear;
}

/* home页面透明导航栏样式 */
.navbar.transparent {
  background-color: transparent;
  box-shadow: none;
}

/* 非home页面时，scroll<400时导航栏的默认颜色 */
.navbar.not-transparent {
  background-color: rgba(0, 0, 0, 0.5);
}

.navbar:hover {
  background-color: v-bind(scrollHeaderBackgroundColor);
}

.navbar.scrolled {
  background-color: white;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* 隐藏header */
.navbar.hidden {
  opacity: 0;
  visibility: hidden;
}

.container {
  margin: 0 auto;
  padding: 0 16px;
}

.navbar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;

  /* 桌面端高度 */
  @media (min-width: 768px) {
    height: 46px;
  }
}

.logo {
  display: flex;
  align-items: center;
}

.logo-text {
  color: v-bind(scrollHeaderTextColor);
  font-size: 24px;
  font-weight: bold;
  font-family: 'Inter', system-ui, sans-serif;
  text-decoration: none;
}

/* 桌面端显示 */
.desktop-nav {
  display: none;

  @media (min-width: 768px) {
    display: flex;
    align-items: center;
    gap: 32px;
  }
}

.nav-link {
  color: v-bind(scrollHeaderTextColor);
  font-weight: 500;
  text-decoration: none;
  transition: color var(--transition-duration) ease;
  position: relative;
  cursor: pointer;

  &:hover {
    color: var(--primary-color);
  }

  /* 鼠标移入菜单栏显示下划线 */

  &::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: var(--primary-color);
    transition: width 0.3s ease;
  }

  &:hover::after {
    width: 100%;
  }
}


/* 移动端样式 */
.mobile-menu-button {
  display: block;

  /* 桌面端隐藏 */
  @media (min-width: 768px) {
    display: none;
  }
}

.menu-toggle {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  outline: none;
  font-size: 24px;
}

.mobile-nav {
  background-color: white;
  transition: 1s linear;
  margin-top: 20px;

  .line {
    margin: 20px 0 10px 0;
    border-bottom: 2px dashed #eee;
  }

  /* 移动端下拉样式 */

  .mobile-nav-content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 5px;
  }

  .mobile-nav-link {
    color: black;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;

    &:hover {
      color: var(--primary-color);
      background-color: #f0f0f0;
      border-radius: 8px;
    }
  }
}

.sub-menu-list {
  padding-left: 18px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  .sub-menu {
    width: 95%;
    display: flex;
    align-items: center;
  }
}
</style>